{"status":"success","gameServers":[],"gameData":{"isAuthenticated":false,"env":"prod","gameId":"69af3c180a66eea219decf6d","isOpenedFromIframe":false,"gameSlug":"w9He0V0ZD","referAccessDenied":true,"gameDetails":{"canHostPrivateServers":false,"privateServerIdleTimeout":true,"name":"New Blank Template 2D","tier":"1","gameSlug":"w9He0V0ZD","creator":{"name":"31","_id":"5f16306f270b0f3b214a8afc"},"patchNotes":"","redirectLink":{"android":null,"ios":null},"moreIoGames":false,"cover":"https://cache.modd.io/asset/spriteImage/1740069863710_1589327274851_cover_blank.webp","access":"private","videoChatEnabled":false,"enableVideoChat":false,"isGuestPlayerAllowed":true,"enablePersistedData":false,"protocol":"https","secure":"https","isLobbyEnabled":false,"isModdable":false,"engineVersion":"2.9.12.5","isWorld":false,"worldId":null,"defaultRenderer":"2d","disableLoadingScreen":false,"web3Data":null,"mapWeb3Data":null},"gameMods":{"status":true,"myMods":[],"data":[]},"highScores":[],"currentUserScore":null,"servers":[],"publishingOnDemand":false,"menuDivForMeta":"","currentUserPresentInHighscore":false,"constants":{"appName":"Modd.io","appUrl":"https://www.modd.io/","noAds":false,"assetsProvider":"","guestMode":false,"isTestMode":false,"editorUrl":"https://www.modd.io"},"timers":{},"isMobile":false,"os":"","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiIiLCJjcmVhdGVkQXQiOjE3NzU1NTY0MTI5ODYsInNlc3Npb25JZCI6IiIsImdhbWVJZCI6IjY5YWYzYzE4MGE2NmVlYTIxOWRlY2Y2ZCIsImlzQmFubmVkIjpmYWxzZSwiYWxsb3dKb2luIjp0cnVlLCJhZ2VudElkIjoiIiwiaWF0IjoxNzc1NTU2NDEyLCJleHAiOjE3NzU1NzQ0MTJ9.zvh-k_U-hZN1lw3TZmThk-yUDIWuQ0ws_cDWd0Rg7Ew","lobbyCode":"","htmlData":{"isAuthenticated":false,"isUserLoggedIn":false,"user":{"_id":null},"isUserVerified":false,"gameId":"69af3c180a66eea219decf6d","isOpenedFromIframe":false,"gameSlug":"w9He0V0ZD","gameDetails":{"name":"New Blank Template 2D","tier":"1","creator":{"name":"31"},"cover":"https://cache.modd.io/asset/spriteImage/1740069863710_1589327274851_cover_blank.webp","videoChatEnabled":false,"enableVideoChat":false,"isGuestPlayerAllowed":true},"highScores":[],"currentUserScore":null,"createdBy":"31","menudiv":"","gameTitle":"New Blank Template 2D","currentUserPresentInHighscore":false,"discordLink":"https://discord.gg/XRe8T7K","facebookLink":"https://www.facebook.com/Mod-Studio-1746016635455304/","twitterLink":"https://twitter.com/moddio","youtubeLink":"https://www.youtube.com/channel/UCNYig4aLGsXPhgHe6Ydvm3A?sub_confirmation=1","androidLink":null,"iosLink":null,"gamePlayInstructions":"<span class=\"key-bg\">WASD or Arrow Keys</span> - Movement keys<br>\n<span class=\"key-bg\">G</span> - Drop item<br>\n<span class=\"key-bg\">E</span> - Pick up item<br>\n<span class=\"key-bg\">B</span> - Buy items as a human<br>\n<span class=\"key-bg\">Z</span> - Teleport to Spawn as a zombie<br>\n<span class=\"key-bg\">Mouse Left Click</span> - Use item<br>\n<span class=\"key-bg\">J/U/I/O</span> - Text emotes<br>\n<center><h5>When logged in:</h5></center>\n<span class=\"key-bg\">Enter</span> - Chat<br>\n<span class=\"key-bg\">M</span> - Missions panel<br>","constants":{"guestMode":false,"assetsProvider":""},"isMobile":false},"isPinExists":false,"gameMenu":"<style> @keyframes mac-pop { 0% { transform: scale(1); } 30% { transform: scale(1.2); } 100% { transform: scale(1); } } #play-btn { transition: transform 1s ease-in-out; } #play-btn:active { animation: mac-pop 1s cubic-bezier(0.34, 1.56, 0.64, 1); } </style> <div style=\"max-width: 320px\" class=\"flex-column hide-on-mobile p-3\" id=\"left-menu\"> <div style=\"box-shadow: 0 0 12px rgba(0,0,0,.6); border-radius: 12px; border: 1px solid white;\" class=\"flex-shrink-0 mb-3\" id=\"user-div\"> <div class=\"card mr-3\" style=\"position:fixed;right:0\"></div> </div> <div style=\"box-shadow: 0 0 12px rgba(0,0,0,.6); border-radius: 12px; border: 1px solid white;\" class=\"flex-shrink-0 mb-3\" id=\"menu-div\"> </div> </div> <div class=\"d-flex justify-content-center align-items-center flex-grow-1\" id=\"right-menu\"> <div class=\"w-100\"> <h1 class=\"text-center game-title; color: blue\"></h1> <div class=\"row flex-grow-1 menu-row margin-auto justify-content-center\"> <div style=\"width: 255px;\" id=\"menu-column-left-container\" class=\"pl-3\"> <div style=\"box-shadow: 0 0 12px rgba(0,0,0,0.5); border-radius: 12px; height: 320px; overflow-y: scroll; background-color: rgba(204, 123, 14, 0.95); border: 1px solid white;\" class=\"white-bg hide-on-mobile\"> <div style=\"text-align: center; color: white\"> <br> <hr style=\"height:1px;border-width:0;color:gray;background-color:white\"> <kbd>WASD</kbd> or Arrow Key to movement <br><br><br><br><br> <b>Staff Players</b><br> <hr style=\"height:1px;border-width:0;color:gray;background-color:white\"> Wolfy and Radius <br><br> </div> </div> </div> <div style=\";\" class=\"pl-3\" id=\"menu-column-main-container\"> <div id=\"menu-column-main\"> <div style=\"box-shadow: 0 0 12px rgba(0,0,0,0.5); border-radius: 12px; max-width: 450px; background-color: rgba(204, 123, 14, 0.95); border: 1px solid white;\" class=\"white-bg\"> <div style=\"text-align: center; color: white\"> <b><h4>HUTHUT Remake</h4></b> </div> <div style=\"text-align: center; color: #ffffff\">by: Wolfy</div> <div style=\"text-align: center; color:white\"> <div id=\"menu-form\"><div class=\"float-left small\" id=\"login-error-message\"></div><div class=\"pr-3 mt-1 hide-on-mobile\" style=\"overflow-y:auto;max-height:200px;margin-bottom:15px\"></div><div class=\"form-group row server-list-container d-none my-2 flex\" style=\"display:flex\"><label for=\"server-list\" class=\"col-2 col-form-label hide-on-mobile\">Server:<!-- --> </label><div id=\"server-dropdown-container\" class=\"col-10\"><select id=\"server-list\" game-slug=\"w9He0V0ZD\" class=\"form-control form-control-sm custom-select\" aria-label=\"Server List\"></select></div></div><div id=\"mobile-logout-button\" class=\"d-none text-center small\">Logged in as guest.</div><div class=\"play-game-button-container\"><button type=\"button\" id=\"play-game-button\" class=\"progress-button game-play-progress-button btn-block p-0 mb-my-2 mt-1\" data-style=\"rotate-side-down\" data-perspective=\"true\" data-horizontal=\"true\"><div class=\"bg-success rounded py-3 content\" style=\"height:50px\" id=\"play-btn\"><i class=\"fa fa-gamepad pr-2\" aria-hidden=\"true\"></i>Play Game</div></button><div class=\"bg-default rounded community-btn p-0 mb-my-2 mt-1\" id=\"community-btn\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"47\" height=\"47\" viewBox=\"0 0 47 47\" class=\"community-icon \" fill=\"none\"><g clip-path=\"url(#clip0_16431_339)\"><path d=\"M30.1645 16.0192L30.3401 16.3641L30.7229 16.4208L45.4154 18.5973L34.9101 29.0971L34.6364 29.3707L34.7008 29.7523L37.1711 44.3983L23.9388 37.6518L23.5941 37.476L23.251 37.6552L10.0854 44.5304L12.4126 29.861L12.4732 29.4788L12.1968 29.2079L1.58969 18.8111L16.2602 16.4915L16.6425 16.431L16.8147 16.0845L23.4249 2.78358L30.1645 16.0192Z\" stroke-width=\"1.5\"></path></g><defs><clipPath id=\"clip0_16431_339\"><rect width=\"47\" height=\"47\" fill=\"white\"></rect></clipPath></defs></svg></div></div><div id=\"play-page-react\"></div><button type=\"button\" id=\"login-signup-btn\" class=\"progress-button btn-block p-0 mb-my-2 mt-1 d-none\"><div class=\"bg-success rounded\"><i class=\"fas fa-sign-in-alt pr-2 py-3\"></i>Sign Up / Login</div></button><button id=\"connect-wallet-button\" style=\"display:none;width:100%;margin-top:20px;border:none;background-color:#6a64b3;color:white;padding:14px 16px;font-size:16px;border-radius:5px\"></button><div class=\"text-center smaller-font mt-1\"><span>By clicking &quot;Play Game&quot;, you agree to our <a target=\"_blank\" href=\"https://www.modd.io/agreement/tos\" rel=\"noreferrer\">Terms</a> <!-- -->and<!-- --> <a target=\"_blank\" href=\"https://www.modd.io/agreement/pp\" rel=\"noreferrer\">Policy</a></span></div><div class=\"tailwind-layout\"></div></div> <br> </div> </div> </div> <div style=\"margin-top: 20px; background: rgba(40, 40, 40, 0.95); color: white; padding: 12px 24px; border-radius: 12px; border: 1px solid white; box-shadow: 0 0 12px rgba(0,0,0,0.5); font-size: 14px; text-align: center;\"> Game UI by <b>Wolfy</b> &nbsp;|&nbsp; Game Mechanics by <b>Wolfy</b> </div> </div> <div style=\";\" id=\"menu-column-right-container\" class=\"pl-3\"> <div style=\"box-shadow: 0 0 12px rgba(0,0,0,0.5); border-radius: 12px; overflow-y: scroll; width: 220px; height: 320px; background-color: rgba(204, 123, 14, 0.95); border: 1px solid white;\" class=\"white-bg hide-on-mobile\"> <div style=\"text-align: center; color: white\"> <b><h5>Options Menu</h5></b> </div> <hr style=\"height:2px;border-width:0;color:gray;background-color:white\"> <a href=\"https://www.modd.io\" target=\"_blank\" rel=\"noreferrer\"> <button style=\"width: 160px; margin: 4px; height: 50px; font-size: 16px; background-color: #dc3545; color: #ffffff; border-radius: 12px;\" class=\"btn btn-danger\"> <i class=\"fa fa-home\"></i> <span> Home Page</span> </button> </a> <button style=\"width: 160px; margin: 4px; height: 50px; font-size: 16px; background-color: #28a745; color: #ffffff; border-radius: 12px;\" class=\"btn btn-success open-modd-shop-button\"> <i class=\"fas fa-tag\"></i> <span> Skin-Shop</span> </button> <a href=\"https://discord.gg/Gg2WUqdSsV\" target=\"_blank\" rel=\"noreferrer\"> <button style=\"width: 160px; height: 50px; margin: 4px; font-size: 16px; background-color: #2a86d5; color: #ffffff; border-radius: 12px;\" class=\"btn btn-primary\"> <i class=\"fab fa-discord\"></i> <span> Discord</span> </button> </a> <br><br> </div> </div> </div> </div> </div> <style>undefined</style><style>undefined</style><style>undefined</style><style>undefined</style><style>undefined</style><style>undefined</style><style>undefined</style><style>undefined</style><style>undefined</style><style>undefined</style><style>undefined</style><style></style><style> :root { --modal-bg-color: #9E5C33; --modal-border-color: #3A322C; --modal-divider-color: transparent; --modal-text-color: #fff; --modal-tab-active-bg-color: #4b2d19; --modal-item-tab-active-bg-color: #6d482d; --modal-tab-inactive-bg-color: #915f3b; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #fff; --modal-tab-border-color: #6b7280; --modal-header-color: #fff; --modal-header-border-color: #4b2d19; --modal-coin-background-color:#744627; --modal-coin-text-color: #fff; --modal-coin-border-color: #502B15; --modal-content-bg-color : #744627; --modal-tab-text-active-border-color: #995931; --purchasable-bg-color: #d5ad61; --purchasable-border-color: #3A322C; --purchasable-border-color-hover: #DDAB52; --purchasable-text-color: #000; --purchasable-text-color-hover : #fff; --purchasable-bg-color-hover: #9E5C33; --unpurchasable-bg-color: #545454CC; --unpurchasable-bg-color-hover: #535E7299; } /* Custom styles for the skin shop modal */ /* color variables and other themes are defined in In-Game Shop section */ a.btn:focus { box-shadow: none !important; } .modal-content-new { background-color: var(--modal-bg-color); border: 4px solid var(--modal-border-color); backdrop-filter: blur(10px); color: var(--modal-text-color); border-radius: 10px; } .modal-title { font-weight: 900; font-size: 1.75rem; } .modal-bg-color { background-color: #272e37e5; } .popover { background-color: #272e37e5; border: 2px solid #6b7280; color: white; border-radius: 10px; } .popover div{ color:white; } .modal-header-new { border-bottom: 1px solid var(--modal-divider-color); padding : 16px; display: flex; flex-direction: \"row\"; align-items: \"center\"; } .modal-body-new { padding : 0px; } .owned-skins { border: 2px solid #6b7280; border-radius: 5px; padding: 5px; margin-bottom: 10px; } .owned-skins.active { background-color: #4b5563; } .other-lists { padding: 5px; color: var(--modal-text-color); border-radius: 5px; } .other-lists.active { background-color: var(--modal-tab-active-bg-color); } ul { list-style-type: none; margin: 0; padding: 0; } .modd-coin-bg { background-color: #374151; } .page-link { background-color: transparent !important; border: 0px solid #374151 !important; border-radius: 2px !important; } .page-item.active .page-link { background-color: transparent !important; border: 4px solid var(--purchasable-border-color) !important; border-radius : 8px !important; } .blue-hover { margin: 5px; border: 2px solid transparent; } .blue-border { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover .modd-coin-bg { background-color: #254edb; } .grey-bordered { border: 2px solid #374151; border-radius: 5px; box-sizing: border-box; } /* Default styles for larger screens */ .shop-grid-container { display: grid; background-color: var(--modal-content-bg-color); grid-template-columns: repeat(5, minmax(0, 1fr)); /* adjust column width as needed */ grid-gap: 10px; /* adjust gap between grid items */ max-width: 100%; /* ensure the grid container doesn't exceed the parent width */ padding: 10px; border-radius: 10px; } .bottom-radius { border-radius: 0 0 8px 8px; /* Top-left, Top-right, Bottom-right, Bottom-left */ } @media screen and (max-width: 767px) { .shop-grid-container { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .shop-grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .shop-grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1279px) and (max-width: 2200px) { .shop-grid-container { grid-template-columns: repeat(4, 1fr); } } .shop-grid-items { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; justify-content: space-between !important; align-items: center; padding: 4px; } .skin-purchased { background-color: #955f3b !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .skin-unpurchased { background-color: #d5ad61 !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .unpurchasble-item{ background-color: var(--unpurchasable-bg-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .unpurchasble-item:hover{ background-color: var(--unpurchasable-bg-color-hover); } .skin-purchase-button { background-color: transparent; border: 2px solid var(--modal-border-color); color: var(--modal-border-color); } .skin-purchase-button:hover { background-color: #2f6a50; border: 2px solid #2f6a50; color: white; } .can-purchase-item { background-color: var(--purchasable-bg-color); color: var(--purchasable-text-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .lowered-visibility { opacity : 0.1; } .lowered-visibility { opacity : 0.3; } .can-purchase-item:hover{ background-color: var(--purchasable-bg-color-hover); border: 6px solid var(--purchasable-border-color-hover); color: var(--purchasable-text-color-hover); } .modd-shop-header { font-weight: 900; color: var(--modal-header-color); font-size : 1.5rem; -webkit-text-stroke : 1px var(--modal-header-border-color); } .modd-shop-sub-header { font-weight: 800; color: var(--modal-header-color); font-size : 1rem; margin-top: 10px; margin-left: 5px; -webkit-text-stroke : 1px var(--modal-header-border-color); } #search-skin { color: var(--modal-text-color); placeholder: var(--modal-text-color); background-color: transparent; border: none; height: 28px; } .search-input-group { background-color: var(--modal-tab-active-bg-color); color: var(--modal-text-color); border: 2px solid var(--modal-coin-bg-color); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 10px; } /* --- BLUE COLOR THEME --- */ /* :root { --modal-bg-color: #041b48; --modal-border-color: #3980C2; --modal-divider-color: #014088; --modal-text-color: #ffc012; --modal-tab-active-bg-color: #014088; --modal-tab-inactive-bg-color: #6b728000; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #ffc012; --modal-tab-border-color: #014088; --purchasable-bg-color: #014088; --purchasable-border-color: #3980C299; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #3980C2; --unpurchasable-bg-color: #36435f; --unpurchasable-bg-color-hover: #555e70; } */ /* --- PURPLE COLOR THEME --- */ /* :root { --modal-bg-color: #342233; --modal-border-color: #a4ecba; --modal-divider-color: #8CEFB6; --modal-text-color: #91c2f0; --modal-tab-active-bg-color: #2b293c; --modal-tab-inactive-bg-color: #322131; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #82C4F4; --modal-tab-border-color: #2b293c; --purchasable-bg-color: #80bab8; --purchasable-border-color: #82C4F499; --purchasable-text-color: #000; --purchasable-bg-color-hover: #8CEFB6; --unpurchasable-bg-color: #373747; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #2b293c; } */ /* --- CANDY COLOR THEME --- */ /* :root { --modal-bg-color: #625157; --modal-border-color: #aec7a9; --modal-divider-color: #c08478; --modal-text-color: #f5deca; --modal-tab-active-bg-color: #c08478; --modal-tab-inactive-bg-color: #5f4f54; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #624b47; --modal-tab-border-color: #c08478; --purchasable-bg-color: #748c8a; --purchasable-border-color: #FADDC7; --purchasable-text-color: #000; --purchasable-bg-color-hover: #aec7a9; --unpurchasable-bg-color: #6d5d61; --unpurchasable-text-color: #000; --unpurchasable-bg-color-hover: #c08478; } */ /* --- SUNSET COLOR THEME --- */ /* :root { --modal-bg-color: #4e2114; --modal-border-color: #96261F; --modal-divider-color: #484445; --modal-text-color: #F4B45C; --modal-tab-active-bg-color: #484445; --modal-tab-inactive-bg-color: #4e2114; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #F4B45C; --modal-tab-border-color: #484445; --purchasable-bg-color: #944e31; --purchasable-border-color: #F4B45C99; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #8a2f26 ; --unpurchasable-bg-color: #48474d; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #474445; } </style><style> :root { --modal-bg-color: #9E5C33F7; --modal-border-color: #3A322C; --modal-divider-color: transparent; --modal-text-color: #fff; --modal-tab-active-bg-color: #4b2d19; --modal-item-tab-active-bg-color: #6d482d; --modal-tab-inactive-bg-color: #915f3b; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #fff; --modal-tab-border-color: #6b7280; --modal-header-color: #fff; --modal-header-border-color: #4b2d19; --modal-coin-background-color:#744627; --modal-coin-text-color: #fff; --modal-coin-border-color: #502B15; --modal-content-bg-color : #744627; --modal-tab-text-active-border-color: #995931; --purchasable-bg-color: #d5ad61; --purchasable-border-color: #3A322C; --purchasable-border-color-hover: #DDAB52; --purchasable-text-color: #ff0000; --purchasable-text-color-hover : #fff; --purchasable-bg-color-hover: #9E5C33; --unpurchasable-bg-color: #545454CC; --unpurchasable-bg-color-hover: #535E7299; } /* Custom styles for the skin shop modal */ /* color variables and other themes are defined in In-Game Shop section */ a.btn:focus { box-shadow: none !important; } .modal-content-new { background-color: var(--modal-bg-color); border: 4px solid var(--modal-border-color); backdrop-filter: blur(10px); color: var(--modal-text-color); border-radius: 10px; } .modal-title { font-weight: 900; font-size: 1.75rem; } .modal-bg-color { background-color: #272e37e5; } .popover { background-color: #272e37e5; border: 2px solid #6b7280; color: white; border-radius: 10px; } .popover div{ color:white; } .modal-header-new { border-bottom: 1px solid var(--modal-divider-color); padding : 16px; display: flex; flex-direction: \"row\"; align-items: \"center\"; } .modal-body-new { padding : 0px; } .owned-skins { border: 2px solid #6b7280; border-radius: 5px; padding: 5px; margin-bottom: 10px; } .owned-skins.active { background-color: #4b5563; } .other-lists { padding: 5px; color: var(--modal-text-color); border-radius: 5px; } .other-lists.active { background-color: var(--modal-tab-active-bg-color); } ul { list-style-type: none; margin: 0; padding: 0; } .modd-coin-bg { background-color: #374151; } .page-link { background-color: transparent !important; border: 0px solid #374151 !important; border-radius: 2px !important; } .page-item.active .page-link { background-color: transparent !important; border: 4px solid var(--purchasable-border-color) !important; border-radius : 8px !important; } .blue-hover { margin: 5px; border: 2px solid transparent; } .blue-border { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover .modd-coin-bg { background-color: #254edb; } .grey-bordered { border: 2px solid #374151; border-radius: 5px; box-sizing: border-box; } /* Default styles for larger screens */ .shop-grid-container { display: grid; background-color: var(--modal-content-bg-color); grid-template-columns: repeat(5, minmax(0, 1fr)); /* adjust column width as needed */ grid-gap: 10px; /* adjust gap between grid items */ max-width: 100%; /* ensure the grid container doesn't exceed the parent width */ padding: 10px; border-radius: 10px; } .bottom-radius { border-radius: 0 0 8px 8px; /* Top-left, Top-right, Bottom-right, Bottom-left */ } @media screen and (max-width: 767px) { .shop-grid-container { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .shop-grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .shop-grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1279px) and (max-width: 2200px) { .shop-grid-container { grid-template-columns: repeat(4, 1fr); } } .shop-grid-items { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; justify-content: space-between !important; align-items: center; padding: 4px; } .skin-purchased { background-color: #955f3b !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .skin-unpurchased { background-color: #d5ad61 !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .unpurchasble-item{ background-color: var(--unpurchasable-bg-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .unpurchasble-item:hover{ background-color: var(--unpurchasable-bg-color-hover); } .skin-purchase-button { background-color: transparent; border: 2px solid var(--modal-border-color); color: var(--modal-border-color); } .skin-purchase-button:hover { background-color: #2f6a50; border: 2px solid #2f6a50; color: white; } .can-purchase-item { background-color: var(--purchasable-bg-color); color: var(--purchasable-text-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .lowered-visibility { opacity : 0.1; } .lowered-visibility { opacity : 0.3; } .can-purchase-item:hover{ background-color: var(--purchasable-bg-color-hover); border: 6px solid var(--purchasable-border-color-hover); color: var(--purchasable-text-color-hover); } .modd-shop-header { font-weight: 900; color: var(--modal-header-color); font-size : 1.5rem; -webkit-text-stroke : 1px var(--modal-header-border-color); } .modd-shop-sub-header { font-weight: 800; color: var(--modal-header-color); font-size : 1rem; margin-top: 10px; margin-left: 5px; -webkit-text-stroke : 1px var(--modal-header-border-color); } #search-skin { color: var(--modal-text-color); placeholder: var(--modal-text-color); background-color: transparent; border: none; height: 28px; } .search-input-group { background-color: var(--modal-tab-active-bg-color); color: var(--modal-text-color); border: 2px solid var(--modal-coin-bg-color); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 10px; } /* --- BLUE COLOR THEME --- */ /* :root { --modal-bg-color: #041b48; --modal-border-color: #3980C2; --modal-divider-color: #014088; --modal-text-color: #ffc012; --modal-tab-active-bg-color: #014088; --modal-tab-inactive-bg-color: #6b728000; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #ffc012; --modal-tab-border-color: #014088; --purchasable-bg-color: #014088; --purchasable-border-color: #3980C299; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #3980C2; --unpurchasable-bg-color: #36435f; --unpurchasable-bg-color-hover: #555e70; } */ /* --- PURPLE COLOR THEME --- */ /* :root { --modal-bg-color: #342233; --modal-border-color: #a4ecba; --modal-divider-color: #8CEFB6; --modal-text-color: #91c2f0; --modal-tab-active-bg-color: #2b293c; --modal-tab-inactive-bg-color: #322131; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #82C4F4; --modal-tab-border-color: #2b293c; --purchasable-bg-color: #80bab8; --purchasable-border-color: #82C4F499; --purchasable-text-color: #000; --purchasable-bg-color-hover: #8CEFB6; --unpurchasable-bg-color: #373747; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #2b293c; } */ /* --- CANDY COLOR THEME --- */ /* :root { --modal-bg-color: #625157; --modal-border-color: #aec7a9; --modal-divider-color: #c08478; --modal-text-color: #f5deca; --modal-tab-active-bg-color: #c08478; --modal-tab-inactive-bg-color: #5f4f54; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #624b47; --modal-tab-border-color: #c08478; --purchasable-bg-color: #748c8a; --purchasable-border-color: #FADDC7; --purchasable-text-color: #000; --purchasable-bg-color-hover: #aec7a9; --unpurchasable-bg-color: #6d5d61; --unpurchasable-text-color: #000; --unpurchasable-bg-color-hover: #c08478; } */ /* --- SUNSET COLOR THEME --- */ /* :root { --modal-bg-color: #4e2114; --modal-border-color: #96261F; --modal-divider-color: #484445; --modal-text-color: #F4B45C; --modal-tab-active-bg-color: #484445; --modal-tab-inactive-bg-color: #4e2114; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #F4B45C; --modal-tab-border-color: #484445; --purchasable-bg-color: #944e31; --purchasable-border-color: #F4B45C99; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #8a2f26 ; --unpurchasable-bg-color: #48474d; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #474445; } </style><style> :root { --modal-bg-color: #9E5C33F7; --modal-border-color: #3A322C; --modal-divider-color: transparent; --modal-text-color: #fff; --modal-tab-active-bg-color: #4b2d19; --modal-item-tab-active-bg-color: #6d482d; --modal-tab-inactive-bg-color: #915f3b; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #fff; --modal-tab-border-color: #6b7280; --modal-header-color: #fff; --modal-header-border-color: #4b2d19; --modal-coin-background-color:#744627; --modal-coin-text-color: #fff; --modal-coin-border-color: #502B15; --modal-content-bg-color : #744627; --modal-tab-text-active-border-color: #995931; --purchasable-bg-color: #d5ad61; --purchasable-border-color: #3A322C; --purchasable-border-color-hover: #DDAB52; --purchasable-text-color: #ff0000; --purchasable-text-color-hover : #fff; --purchasable-bg-color-hover: #9E5C33; --unpurchasable-bg-color: #545454CC; --unpurchasable-bg-color-hover: #535E7299; } /* Custom styles for the skin shop modal */ /* color variables and other themes are defined in In-Game Shop section */ a.btn:focus { box-shadow: none !important; } .modal-content-new { background-color: var(--modal-bg-color); border: 4px solid var(--modal-border-color); backdrop-filter: blur(10px); color: var(--modal-text-color); border-radius: 10px; } .modal-title { font-weight: 900; font-size: 1.75rem; } .modal-bg-color { background-color: #272e37e5; } .popover { background-color: #272e37e5; border: 2px solid #6b7280; color: white; border-radius: 10px; } .popover div{ color:white; } .modal-header-new { border-bottom: 1px solid var(--modal-divider-color); padding : 16px; display: flex; flex-direction: \"row\"; align-items: \"center\"; } .modal-body-new { padding : 0px; } .owned-skins { border: 2px solid #6b7280; border-radius: 5px; padding: 5px; margin-bottom: 10px; } .owned-skins.active { background-color: #4b5563; } .other-lists { padding: 5px; color: var(--modal-text-color); border-radius: 5px; } .other-lists.active { background-color: var(--modal-tab-active-bg-color); } ul { list-style-type: none; margin: 0; padding: 0; } .modd-coin-bg { background-color: #374151; } .page-link { background-color: transparent !important; border: 0px solid #374151 !important; border-radius: 2px !important; } .page-item.active .page-link { background-color: transparent !important; border: 4px solid var(--purchasable-border-color) !important; border-radius : 8px !important; } .blue-hover { margin: 5px; border: 2px solid transparent; } .blue-border { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover .modd-coin-bg { background-color: #254edb; } .grey-bordered { border: 2px solid #374151; border-radius: 5px; box-sizing: border-box; } /* Default styles for larger screens */ .shop-grid-container { display: grid; background-color: var(--modal-content-bg-color); grid-template-columns: repeat(5, minmax(0, 1fr)); /* adjust column width as needed */ grid-gap: 10px; /* adjust gap between grid items */ max-width: 100%; /* ensure the grid container doesn't exceed the parent width */ padding: 10px; border-radius: 10px; } .bottom-radius { border-radius: 0 0 8px 8px; /* Top-left, Top-right, Bottom-right, Bottom-left */ } @media screen and (max-width: 767px) { .shop-grid-container { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .shop-grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .shop-grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1279px) and (max-width: 2200px) { .shop-grid-container { grid-template-columns: repeat(4, 1fr); } } .shop-grid-items { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; justify-content: space-between !important; align-items: center; padding: 4px; } .skin-purchased { background-color: #955f3b !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .skin-unpurchased { background-color: #d5ad61 !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .unpurchasble-item{ background-color: var(--unpurchasable-bg-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .unpurchasble-item:hover{ background-color: var(--unpurchasable-bg-color-hover); } .skin-purchase-button { background-color: transparent; border: 2px solid var(--modal-border-color); color: var(--modal-border-color); } .skin-purchase-button:hover { background-color: #2f6a50; border: 2px solid #2f6a50; color: white; } .can-purchase-item { background-color: var(--purchasable-bg-color); color: var(--purchasable-text-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .lowered-visibility { opacity : 0.1; } .lowered-visibility { opacity : 0.3; } .can-purchase-item:hover{ background-color: var(--purchasable-bg-color-hover); border: 6px solid var(--purchasable-border-color-hover); color: var(--purchasable-text-color-hover); } .modd-shop-header { font-weight: 900; color: var(--modal-header-color); font-size : 1.5rem; -webkit-text-stroke : 1px var(--modal-header-border-color); } .modd-shop-sub-header { font-weight: 800; color: var(--modal-header-color); font-size : 1rem; margin-top: 10px; margin-left: 5px; -webkit-text-stroke : 1px var(--modal-header-border-color); } #search-skin { color: var(--modal-text-color); placeholder: var(--modal-text-color); background-color: transparent; border: none; height: 28px; } .search-input-group { background-color: var(--modal-tab-active-bg-color); color: var(--modal-text-color); border: 2px solid var(--modal-coin-bg-color); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 10px; } /* --- BLUE COLOR THEME --- */ /* :root { --modal-bg-color: #041b48; --modal-border-color: #3980C2; --modal-divider-color: #014088; --modal-text-color: #ffc012; --modal-tab-active-bg-color: #014088; --modal-tab-inactive-bg-color: #6b728000; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #ffc012; --modal-tab-border-color: #014088; --purchasable-bg-color: #014088; --purchasable-border-color: #3980C299; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #3980C2; --unpurchasable-bg-color: #36435f; --unpurchasable-bg-color-hover: #555e70; } */ /* --- PURPLE COLOR THEME --- */ /* :root { --modal-bg-color: #342233; --modal-border-color: #a4ecba; --modal-divider-color: #8CEFB6; --modal-text-color: #91c2f0; --modal-tab-active-bg-color: #2b293c; --modal-tab-inactive-bg-color: #322131; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #82C4F4; --modal-tab-border-color: #2b293c; --purchasable-bg-color: #80bab8; --purchasable-border-color: #82C4F499; --purchasable-text-color: #000; --purchasable-bg-color-hover: #8CEFB6; --unpurchasable-bg-color: #373747; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #2b293c; } */ /* --- CANDY COLOR THEME --- */ /* :root { --modal-bg-color: #625157; --modal-border-color: #aec7a9; --modal-divider-color: #c08478; --modal-text-color: #f5deca; --modal-tab-active-bg-color: #c08478; --modal-tab-inactive-bg-color: #5f4f54; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #624b47; --modal-tab-border-color: #c08478; --purchasable-bg-color: #748c8a; --purchasable-border-color: #FADDC7; --purchasable-text-color: #000; --purchasable-bg-color-hover: #aec7a9; --unpurchasable-bg-color: #6d5d61; --unpurchasable-text-color: #000; --unpurchasable-bg-color-hover: #c08478; } */ /* --- SUNSET COLOR THEME --- */ /* :root { --modal-bg-color: #4e2114; --modal-border-color: #96261F; --modal-divider-color: #484445; --modal-text-color: #F4B45C; --modal-tab-active-bg-color: #484445; --modal-tab-inactive-bg-color: #4e2114; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #F4B45C; --modal-tab-border-color: #484445; --purchasable-bg-color: #944e31; --purchasable-border-color: #F4B45C99; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #8a2f26 ; --unpurchasable-bg-color: #48474d; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #474445; } </style><style> :root { --modal-bg-color: #9E5C33F7; --modal-border-color: #3A322C; --modal-divider-color: transparent; --modal-text-color: #fff; --modal-tab-active-bg-color: #4b2d19; --modal-item-tab-active-bg-color: #6d482d; --modal-tab-inactive-bg-color: #915f3b; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #fff; --modal-tab-border-color: #6b7280; --modal-header-color: #fff; --modal-header-border-color: #4b2d19; --modal-coin-background-color:#744627; --modal-coin-text-color: #fff; --modal-coin-border-color: #502B15; --modal-content-bg-color : #744627; --modal-tab-text-active-border-color: #995931; --purchasable-bg-color: #d5ad61; --purchasable-border-color: #3A322C; --purchasable-border-color-hover: #DDAB52; --purchasable-text-color: #ff0000; --purchasable-text-color-hover : #fff; --purchasable-bg-color-hover: #9E5C33; --unpurchasable-bg-color: #545454CC; --unpurchasable-bg-color-hover: #535E7299; } /* Custom styles for the skin shop modal */ /* color variables and other themes are defined in In-Game Shop section */ a.btn:focus { box-shadow: none !important; } .modal-content-new { background-color: var(--modal-bg-color); border: 4px solid var(--modal-border-color); backdrop-filter: blur(10px); color: var(--modal-text-color); border-radius: 10px; } .modal-title { font-weight: 900; font-size: 1.75rem; } .modal-bg-color { background-color: #272e37e5; } .popover { background-color: #272e37e5; border: 2px solid #6b7280; color: white; border-radius: 10px; } .popover div{ color:white; } .modal-header-new { border-bottom: 1px solid var(--modal-divider-color); padding : 16px; display: flex; flex-direction: \"row\"; align-items: \"center\"; } .modal-body-new { padding : 0px; } .owned-skins { border: 2px solid #6b7280; border-radius: 5px; padding: 5px; margin-bottom: 10px; } .owned-skins.active { background-color: #4b5563; } .other-lists { padding: 5px; color: var(--modal-text-color); border-radius: 5px; } .other-lists.active { background-color: var(--modal-tab-active-bg-color); } ul { list-style-type: none; margin: 0; padding: 0; } .modd-coin-bg { background-color: #374151; } .page-link { background-color: transparent !important; border: 0px solid #374151 !important; border-radius: 2px !important; } .page-item.active .page-link { background-color: transparent !important; border: 4px solid var(--purchasable-border-color) !important; border-radius : 8px !important; } .blue-hover { margin: 5px; border: 2px solid transparent; } .blue-border { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover .modd-coin-bg { background-color: #254edb; } .grey-bordered { border: 2px solid #374151; border-radius: 5px; box-sizing: border-box; } /* Default styles for larger screens */ .shop-grid-container { display: grid; background-color: var(--modal-content-bg-color); grid-template-columns: repeat(5, minmax(0, 1fr)); /* adjust column width as needed */ grid-gap: 10px; /* adjust gap between grid items */ max-width: 100%; /* ensure the grid container doesn't exceed the parent width */ padding: 10px; border-radius: 10px; } .bottom-radius { border-radius: 0 0 8px 8px; /* Top-left, Top-right, Bottom-right, Bottom-left */ } @media screen and (max-width: 767px) { .shop-grid-container { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .shop-grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .shop-grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1279px) and (max-width: 2200px) { .shop-grid-container { grid-template-columns: repeat(4, 1fr); } } .shop-grid-items { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; justify-content: space-between !important; align-items: center; padding: 4px; } .skin-purchased { background-color: #955f3b !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .skin-unpurchased { background-color: #d5ad61 !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .unpurchasble-item{ background-color: var(--unpurchasable-bg-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .unpurchasble-item:hover{ background-color: var(--unpurchasable-bg-color-hover); } .skin-purchase-button { background-color: transparent; border: 2px solid var(--modal-border-color); color: var(--modal-border-color); } .skin-purchase-button:hover { background-color: #2f6a50; border: 2px solid #2f6a50; color: white; } .can-purchase-item { background-color: var(--purchasable-bg-color); color: var(--purchasable-text-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .lowered-visibility { opacity : 0.1; } .lowered-visibility { opacity : 0.3; } .can-purchase-item:hover{ background-color: var(--purchasable-bg-color-hover); border: 6px solid var(--purchasable-border-color-hover); color: var(--purchasable-text-color-hover); } .modd-shop-header { font-weight: 900; color: var(--modal-header-color); font-size : 1.5rem; -webkit-text-stroke : 1px var(--modal-header-border-color); } .modd-shop-sub-header { font-weight: 800; color: var(--modal-header-color); font-size : 1rem; margin-top: 10px; margin-left: 5px; -webkit-text-stroke : 1px var(--modal-header-border-color); } #search-skin { color: var(--modal-text-color); placeholder: var(--modal-text-color); background-color: transparent; border: none; height: 28px; } .search-input-group { background-color: var(--modal-tab-active-bg-color); color: var(--modal-text-color); border: 2px solid var(--modal-coin-bg-color); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 10px; } /* --- BLUE COLOR THEME --- */ /* :root { --modal-bg-color: #041b48; --modal-border-color: #3980C2; --modal-divider-color: #014088; --modal-text-color: #ffc012; --modal-tab-active-bg-color: #014088; --modal-tab-inactive-bg-color: #6b728000; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #ffc012; --modal-tab-border-color: #014088; --purchasable-bg-color: #014088; --purchasable-border-color: #3980C299; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #3980C2; --unpurchasable-bg-color: #36435f; --unpurchasable-bg-color-hover: #555e70; } */ /* --- PURPLE COLOR THEME --- */ /* :root { --modal-bg-color: #342233; --modal-border-color: #a4ecba; --modal-divider-color: #8CEFB6; --modal-text-color: #91c2f0; --modal-tab-active-bg-color: #2b293c; --modal-tab-inactive-bg-color: #322131; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #82C4F4; --modal-tab-border-color: #2b293c; --purchasable-bg-color: #80bab8; --purchasable-border-color: #82C4F499; --purchasable-text-color: #000; --purchasable-bg-color-hover: #8CEFB6; --unpurchasable-bg-color: #373747; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #2b293c; } */ /* --- CANDY COLOR THEME --- */ /* :root { --modal-bg-color: #625157; --modal-border-color: #aec7a9; --modal-divider-color: #c08478; --modal-text-color: #f5deca; --modal-tab-active-bg-color: #c08478; --modal-tab-inactive-bg-color: #5f4f54; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #624b47; --modal-tab-border-color: #c08478; --purchasable-bg-color: #748c8a; --purchasable-border-color: #FADDC7; --purchasable-text-color: #000; --purchasable-bg-color-hover: #aec7a9; --unpurchasable-bg-color: #6d5d61; --unpurchasable-text-color: #000; --unpurchasable-bg-color-hover: #c08478; } */ /* --- SUNSET COLOR THEME --- */ /* :root { --modal-bg-color: #4e2114; --modal-border-color: #96261F; --modal-divider-color: #484445; --modal-text-color: #F4B45C; --modal-tab-active-bg-color: #484445; --modal-tab-inactive-bg-color: #4e2114; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #F4B45C; --modal-tab-border-color: #484445; --purchasable-bg-color: #944e31; --purchasable-border-color: #F4B45C99; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #8a2f26 ; --unpurchasable-bg-color: #48474d; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #474445; } </style><style> :root { --modal-bg-color: #9E5C33F7; --modal-border-color: #3A322C; --modal-divider-color: transparent; --modal-text-color: #fff; --modal-tab-active-bg-color: #4b2d19; --modal-item-tab-active-bg-color: #6d482d; --modal-tab-inactive-bg-color: #915f3b; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #fff; --modal-tab-border-color: #6b7280; --modal-header-color: #fff; --modal-header-border-color: #4b2d19; --modal-coin-background-color:#744627; --modal-coin-text-color: #fff; --modal-coin-border-color: #502B15; --modal-content-bg-color : #744627; --modal-tab-text-active-border-color: #995931; --purchasable-bg-color: #d5ad61; --purchasable-border-color: #3A322C; --purchasable-border-color-hover: #DDAB52; --purchasable-text-color: #b57628; --purchasable-text-color-hover : #fff; --purchasable-bg-color-hover: #9E5C33; --unpurchasable-bg-color: #545454CC; --unpurchasable-bg-color-hover: #535E7299; } /* Custom styles for the skin shop modal */ /* color variables and other themes are defined in In-Game Shop section */ a.btn:focus { box-shadow: none !important; } .modal-content-new { background-color: var(--modal-bg-color); border: 4px solid var(--modal-border-color); backdrop-filter: blur(10px); color: var(--modal-text-color); border-radius: 10px; } .modal-title { font-weight: 900; font-size: 1.75rem; } .modal-bg-color { background-color: #272e37e5; } .popover { background-color: #272e37e5; border: 2px solid #6b7280; color: white; border-radius: 10px; } .popover div{ color:white; } .modal-header-new { border-bottom: 1px solid var(--modal-divider-color); padding : 16px; display: flex; flex-direction: \"row\"; align-items: \"center\"; } .modal-body-new { padding : 0px; } .owned-skins { border: 2px solid #6b7280; border-radius: 5px; padding: 5px; margin-bottom: 10px; } .owned-skins.active { background-color: #4b5563; } .other-lists { padding: 5px; color: var(--modal-text-color); border-radius: 5px; } .other-lists.active { background-color: var(--modal-tab-active-bg-color); } ul { list-style-type: none; margin: 0; padding: 0; } .modd-coin-bg { background-color: #374151; } .page-link { background-color: transparent !important; border: 0px solid #374151 !important; border-radius: 2px !important; } .page-item.active .page-link { background-color: transparent !important; border: 4px solid var(--purchasable-border-color) !important; border-radius : 8px !important; } .blue-hover { margin: 5px; border: 2px solid transparent; } .blue-border { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover .modd-coin-bg { background-color: #254edb; } .grey-bordered { border: 2px solid #374151; border-radius: 5px; box-sizing: border-box; } /* Default styles for larger screens */ .shop-grid-container { display: grid; background-color: var(--modal-content-bg-color); grid-template-columns: repeat(5, minmax(0, 1fr)); /* adjust column width as needed */ grid-gap: 10px; /* adjust gap between grid items */ max-width: 100%; /* ensure the grid container doesn't exceed the parent width */ padding: 10px; border-radius: 10px; } .bottom-radius { border-radius: 0 0 8px 8px; /* Top-left, Top-right, Bottom-right, Bottom-left */ } @media screen and (max-width: 767px) { .shop-grid-container { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .shop-grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .shop-grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1279px) and (max-width: 2200px) { .shop-grid-container { grid-template-columns: repeat(4, 1fr); } } .shop-grid-items { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; justify-content: space-between !important; align-items: center; padding: 4px; } .skin-purchased { background-color: #955f3b !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .skin-unpurchased { background-color: #d5ad61 !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .unpurchasble-item{ background-color: var(--unpurchasable-bg-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .unpurchasble-item:hover{ background-color: var(--unpurchasable-bg-color-hover); } .skin-purchase-button { background-color: transparent; border: 2px solid var(--modal-border-color); color: var(--modal-border-color); } .skin-purchase-button:hover { background-color: #2f6a50; border: 2px solid #2f6a50; color: white; } .can-purchase-item { background-color: var(--purchasable-bg-color); color: var(--purchasable-text-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .lowered-visibility { opacity : 0.1; } .lowered-visibility { opacity : 0.3; } .can-purchase-item:hover{ background-color: var(--purchasable-bg-color-hover); border: 6px solid var(--purchasable-border-color-hover); color: var(--purchasable-text-color-hover); } .modd-shop-header { font-weight: 900; color: var(--modal-header-color); font-size : 1.5rem; -webkit-text-stroke : 1px var(--modal-header-border-color); } .modd-shop-sub-header { font-weight: 800; color: var(--modal-header-color); font-size : 1rem; margin-top: 10px; margin-left: 5px; -webkit-text-stroke : 1px var(--modal-header-border-color); } #search-skin { color: var(--modal-text-color); placeholder: var(--modal-text-color); background-color: transparent; border: none; height: 28px; } .search-input-group { background-color: var(--modal-tab-active-bg-color); color: var(--modal-text-color); border: 2px solid var(--modal-coin-bg-color); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 10px; } /* --- BLUE COLOR THEME --- */ /* :root { --modal-bg-color: #041b48; --modal-border-color: #3980C2; --modal-divider-color: #014088; --modal-text-color: #ffc012; --modal-tab-active-bg-color: #014088; --modal-tab-inactive-bg-color: #6b728000; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #ffc012; --modal-tab-border-color: #014088; --purchasable-bg-color: #014088; --purchasable-border-color: #3980C299; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #3980C2; --unpurchasable-bg-color: #36435f; --unpurchasable-bg-color-hover: #555e70; } */ /* --- PURPLE COLOR THEME --- */ /* :root { --modal-bg-color: #342233; --modal-border-color: #a4ecba; --modal-divider-color: #8CEFB6; --modal-text-color: #91c2f0; --modal-tab-active-bg-color: #2b293c; --modal-tab-inactive-bg-color: #322131; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #82C4F4; --modal-tab-border-color: #2b293c; --purchasable-bg-color: #80bab8; --purchasable-border-color: #82C4F499; --purchasable-text-color: #000; --purchasable-bg-color-hover: #8CEFB6; --unpurchasable-bg-color: #373747; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #2b293c; } */ /* --- CANDY COLOR THEME --- */ /* :root { --modal-bg-color: #625157; --modal-border-color: #aec7a9; --modal-divider-color: #c08478; --modal-text-color: #f5deca; --modal-tab-active-bg-color: #c08478; --modal-tab-inactive-bg-color: #5f4f54; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #624b47; --modal-tab-border-color: #c08478; --purchasable-bg-color: #748c8a; --purchasable-border-color: #FADDC7; --purchasable-text-color: #000; --purchasable-bg-color-hover: #aec7a9; --unpurchasable-bg-color: #6d5d61; --unpurchasable-text-color: #000; --unpurchasable-bg-color-hover: #c08478; } */ /* --- SUNSET COLOR THEME --- */ /* :root { --modal-bg-color: #4e2114; --modal-border-color: #96261F; --modal-divider-color: #484445; --modal-text-color: #F4B45C; --modal-tab-active-bg-color: #484445; --modal-tab-inactive-bg-color: #4e2114; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #F4B45C; --modal-tab-border-color: #484445; --purchasable-bg-color: #944e31; --purchasable-border-color: #F4B45C99; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #8a2f26 ; --unpurchasable-bg-color: #48474d; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #474445; } </style><style> :root { --modal-bg-color: #9E5C33F7; --modal-border-color: #3A322C; --modal-divider-color: transparent; --modal-text-color: #fff; --modal-tab-active-bg-color: #4b2d19; --modal-item-tab-active-bg-color: #6d482d; --modal-tab-inactive-bg-color: #915f3b; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #fff; --modal-tab-border-color: #6b7280; --modal-header-color: #fff; --modal-header-border-color: #4b2d19; --modal-coin-background-color:#744627; --modal-coin-text-color: #fff; --modal-coin-border-color: #502B15; --modal-content-bg-color : #744627; --modal-tab-text-active-border-color: #995931; --purchasable-bg-color: #d5ad61; --purchasable-border-color: #3A322C; --purchasable-border-color-hover: #DDAB52; --purchasable-text-color: #b57628; --purchasable-text-color-hover : #fff; --purchasable-bg-color-hover: #9E5C33; --unpurchasable-bg-color: #545454CC; --unpurchasable-bg-color-hover: #535E7299; } /* Custom styles for the skin shop modal */ /* color variables and other themes are defined in In-Game Shop section */ a.btn:focus { box-shadow: none !important; } .modal-content-new { background-color: var(--modal-bg-color); border: 4px solid var(--modal-border-color); backdrop-filter: blur(10px); color: var(--modal-text-color); border-radius: 10px; } .modal-title { font-weight: 900; font-size: 1.75rem; } .modal-bg-color { background-color: #272e37e5; } .popover { background-color: #272e37e5; border: 2px solid #6b7280; color: white; border-radius: 10px; } .popover div{ color:white; } .modal-header-new { border-bottom: 1px solid var(--modal-divider-color); padding : 16px; display: flex; flex-direction: \"row\"; align-items: \"center\"; } .modal-body-new { padding : 0px; } .owned-skins { border: 2px solid #6b7280; border-radius: 5px; padding: 5px; margin-bottom: 10px; } .owned-skins.active { background-color: #4b5563; } .other-lists { padding: 5px; color: var(--modal-text-color); border-radius: 5px; } .other-lists.active { background-color: var(--modal-tab-active-bg-color); } ul { list-style-type: none; margin: 0; padding: 0; } .modd-coin-bg { background-color: #374151; } .page-link { background-color: transparent !important; border: 0px solid #374151 !important; border-radius: 2px !important; } .page-item.active .page-link { background-color: transparent !important; border: 4px solid var(--purchasable-border-color) !important; border-radius : 8px !important; } .blue-hover { margin: 5px; border: 2px solid transparent; } .blue-border { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover .modd-coin-bg { background-color: #254edb; } .grey-bordered { border: 2px solid #374151; border-radius: 5px; box-sizing: border-box; } /* Default styles for larger screens */ .shop-grid-container { display: grid; background-color: var(--modal-content-bg-color); grid-template-columns: repeat(5, minmax(0, 1fr)); /* adjust column width as needed */ grid-gap: 10px; /* adjust gap between grid items */ max-width: 100%; /* ensure the grid container doesn't exceed the parent width */ padding: 10px; border-radius: 10px; } .bottom-radius { border-radius: 0 0 8px 8px; /* Top-left, Top-right, Bottom-right, Bottom-left */ } @media screen and (max-width: 767px) { .shop-grid-container { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .shop-grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .shop-grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1279px) and (max-width: 2200px) { .shop-grid-container { grid-template-columns: repeat(4, 1fr); } } .shop-grid-items { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; justify-content: space-between !important; align-items: center; padding: 4px; } .skin-purchased { background-color: #955f3b !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .skin-unpurchased { background-color: #d5ad61 !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .unpurchasble-item{ background-color: var(--unpurchasable-bg-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .unpurchasble-item:hover{ background-color: var(--unpurchasable-bg-color-hover); } .skin-purchase-button { background-color: transparent; border: 2px solid var(--modal-border-color); color: var(--modal-border-color); } .skin-purchase-button:hover { background-color: #2f6a50; border: 2px solid #2f6a50; color: white; } .can-purchase-item { background-color: var(--purchasable-bg-color); color: var(--purchasable-text-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .lowered-visibility { opacity : 0.1; } .lowered-visibility { opacity : 0.3; } .can-purchase-item:hover{ background-color: var(--purchasable-bg-color-hover); border: 6px solid var(--purchasable-border-color-hover); color: var(--purchasable-text-color-hover); } .modd-shop-header { font-weight: 900; color: var(--modal-header-color); font-size : 1.5rem; -webkit-text-stroke : 1px var(--modal-header-border-color); } .modd-shop-sub-header { font-weight: 800; color: var(--modal-header-color); font-size : 1rem; margin-top: 10px; margin-left: 5px; -webkit-text-stroke : 1px var(--modal-header-border-color); } #search-skin { color: var(--modal-text-color); placeholder: var(--modal-text-color); background-color: transparent; border: none; height: 28px; } .search-input-group { background-color: var(--modal-tab-active-bg-color); color: var(--modal-text-color); border: 2px solid var(--modal-coin-bg-color); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 10px; } /* --- BLUE COLOR THEME --- */ /* :root { --modal-bg-color: #041b48; --modal-border-color: #3980C2; --modal-divider-color: #014088; --modal-text-color: #ffc012; --modal-tab-active-bg-color: #014088; --modal-tab-inactive-bg-color: #6b728000; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #ffc012; --modal-tab-border-color: #014088; --purchasable-bg-color: #014088; --purchasable-border-color: #3980C299; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #3980C2; --unpurchasable-bg-color: #36435f; --unpurchasable-bg-color-hover: #555e70; } */ /* --- PURPLE COLOR THEME --- */ /* :root { --modal-bg-color: #342233; --modal-border-color: #a4ecba; --modal-divider-color: #8CEFB6; --modal-text-color: #91c2f0; --modal-tab-active-bg-color: #2b293c; --modal-tab-inactive-bg-color: #322131; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #82C4F4; --modal-tab-border-color: #2b293c; --purchasable-bg-color: #80bab8; --purchasable-border-color: #82C4F499; --purchasable-text-color: #000; --purchasable-bg-color-hover: #8CEFB6; --unpurchasable-bg-color: #373747; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #2b293c; } */ /* --- CANDY COLOR THEME --- */ /* :root { --modal-bg-color: #625157; --modal-border-color: #aec7a9; --modal-divider-color: #c08478; --modal-text-color: #f5deca; --modal-tab-active-bg-color: #c08478; --modal-tab-inactive-bg-color: #5f4f54; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #624b47; --modal-tab-border-color: #c08478; --purchasable-bg-color: #748c8a; --purchasable-border-color: #FADDC7; --purchasable-text-color: #000; --purchasable-bg-color-hover: #aec7a9; --unpurchasable-bg-color: #6d5d61; --unpurchasable-text-color: #000; --unpurchasable-bg-color-hover: #c08478; } */ /* --- SUNSET COLOR THEME --- */ /* :root { --modal-bg-color: #4e2114; --modal-border-color: #96261F; --modal-divider-color: #484445; --modal-text-color: #F4B45C; --modal-tab-active-bg-color: #484445; --modal-tab-inactive-bg-color: #4e2114; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #F4B45C; --modal-tab-border-color: #484445; --purchasable-bg-color: #944e31; --purchasable-border-color: #F4B45C99; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #8a2f26 ; --unpurchasable-bg-color: #48474d; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #474445; } </style><style> :root { --modal-bg-color: #9E5C33F7; --modal-border-color: #3A322C; --modal-divider-color: transparent; --modal-text-color: #fff; --modal-tab-active-bg-color: #4b2d19; --modal-item-tab-active-bg-color: #6d482d; --modal-tab-inactive-bg-color: #915f3b; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #fff; --modal-tab-border-color: #6b7280; --modal-header-color: #fff; --modal-header-border-color: #4b2d19; --modal-coin-background-color:#744627; --modal-coin-text-color: #fff; --modal-coin-border-color: #502B15; --modal-content-bg-color : #744627; --modal-tab-text-active-border-color: #995931; --purchasable-bg-color: #d5ad61; --purchasable-border-color: #3A322C; --purchasable-border-color-hover: #DDAB52; --purchasable-text-color: #b57628; --purchasable-text-color-hover : #fff; --purchasable-bg-color-hover: #9E5C33; --unpurchasable-bg-color: #545454CC; --unpurchasable-bg-color-hover: #535E7299; } /* Custom styles for the skin shop modal */ /* color variables and other themes are defined in In-Game Shop section */ a.btn:focus { box-shadow: none !important; } .modal-content-new { background-color: var(--modal-bg-color); border: 4px solid var(--modal-border-color); backdrop-filter: blur(10px); color: var(--modal-text-color); border-radius: 10px; } .modal-title { font-weight: 900; font-size: 1.75rem; } .modal-bg-color { background-color: #272e37e5; } .popover { background-color: #272e37e5; border: 2px solid #6b7280; color: white; border-radius: 10px; } .popover div{ color:white; } .modal-header-new { border-bottom: 1px solid var(--modal-divider-color); padding : 16px; display: flex; flex-direction: \"row\"; align-items: \"center\"; } .modal-body-new { padding : 0px; } .owned-skins { border: 2px solid #6b7280; border-radius: 5px; padding: 5px; margin-bottom: 10px; } .owned-skins.active { background-color: #4b5563; } .other-lists { padding: 5px; color: var(--modal-text-color); border-radius: 5px; } .other-lists.active { background-color: var(--modal-tab-active-bg-color); } ul { list-style-type: none; margin: 0; padding: 0; } .modd-coin-bg { background-color: #374151; } .page-link { background-color: transparent !important; border: 0px solid #374151 !important; border-radius: 2px !important; } .page-item.active .page-link { background-color: transparent !important; border: 4px solid var(--purchasable-border-color) !important; border-radius : 8px !important; } .blue-hover { margin: 5px; border: 2px solid transparent; } .blue-border { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover .modd-coin-bg { background-color: #254edb; } .grey-bordered { border: 2px solid #374151; border-radius: 5px; box-sizing: border-box; } /* Default styles for larger screens */ .shop-grid-container { display: grid; background-color: var(--modal-content-bg-color); grid-template-columns: repeat(5, minmax(0, 1fr)); /* adjust column width as needed */ grid-gap: 10px; /* adjust gap between grid items */ max-width: 100%; /* ensure the grid container doesn't exceed the parent width */ padding: 10px; border-radius: 10px; } .bottom-radius { border-radius: 0 0 8px 8px; /* Top-left, Top-right, Bottom-right, Bottom-left */ } @media screen and (max-width: 767px) { .shop-grid-container { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .shop-grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .shop-grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1279px) and (max-width: 2200px) { .shop-grid-container { grid-template-columns: repeat(4, 1fr); } } .shop-grid-items { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; justify-content: space-between !important; align-items: center; padding: 4px; } .skin-purchased { background-color: #955f3b !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .skin-unpurchased { background-color: #d5ad61 !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .unpurchasble-item{ background-color: var(--unpurchasable-bg-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .unpurchasble-item:hover{ background-color: var(--unpurchasable-bg-color-hover); } .skin-purchase-button { background-color: transparent; border: 2px solid var(--modal-border-color); color: var(--modal-border-color); } .skin-purchase-button:hover { background-color: #2f6a50; border: 2px solid #2f6a50; color: white; } .can-purchase-item { background-color: var(--purchasable-bg-color); color: var(--purchasable-text-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .lowered-visibility { opacity : 0.1; } .lowered-visibility { opacity : 0.3; } .can-purchase-item:hover{ background-color: var(--purchasable-bg-color-hover); border: 6px solid var(--purchasable-border-color-hover); color: var(--purchasable-text-color-hover); } .modd-shop-header { font-weight: 900; color: var(--modal-header-color); font-size : 1.5rem; -webkit-text-stroke : 1px var(--modal-header-border-color); } .modd-shop-sub-header { font-weight: 800; color: var(--modal-header-color); font-size : 1rem; margin-top: 10px; margin-left: 5px; -webkit-text-stroke : 1px var(--modal-header-border-color); } #search-skin { color: var(--modal-text-color); placeholder: var(--modal-text-color); background-color: transparent; border: none; height: 28px; } .search-input-group { background-color: var(--modal-tab-active-bg-color); color: var(--modal-text-color); border: 2px solid var(--modal-coin-bg-color); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 10px; } /* --- BLUE COLOR THEME --- */ /* :root { --modal-bg-color: #041b48; --modal-border-color: #3980C2; --modal-divider-color: #014088; --modal-text-color: #ffc012; --modal-tab-active-bg-color: #014088; --modal-tab-inactive-bg-color: #6b728000; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #ffc012; --modal-tab-border-color: #014088; --purchasable-bg-color: #014088; --purchasable-border-color: #3980C299; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #3980C2; --unpurchasable-bg-color: #36435f; --unpurchasable-bg-color-hover: #555e70; } */ /* --- PURPLE COLOR THEME --- */ /* :root { --modal-bg-color: #342233; --modal-border-color: #a4ecba; --modal-divider-color: #8CEFB6; --modal-text-color: #91c2f0; --modal-tab-active-bg-color: #2b293c; --modal-tab-inactive-bg-color: #322131; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #82C4F4; --modal-tab-border-color: #2b293c; --purchasable-bg-color: #80bab8; --purchasable-border-color: #82C4F499; --purchasable-text-color: #000; --purchasable-bg-color-hover: #8CEFB6; --unpurchasable-bg-color: #373747; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #2b293c; } */ /* --- CANDY COLOR THEME --- */ /* :root { --modal-bg-color: #625157; --modal-border-color: #aec7a9; --modal-divider-color: #c08478; --modal-text-color: #f5deca; --modal-tab-active-bg-color: #c08478; --modal-tab-inactive-bg-color: #5f4f54; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #624b47; --modal-tab-border-color: #c08478; --purchasable-bg-color: #748c8a; --purchasable-border-color: #FADDC7; --purchasable-text-color: #000; --purchasable-bg-color-hover: #aec7a9; --unpurchasable-bg-color: #6d5d61; --unpurchasable-text-color: #000; --unpurchasable-bg-color-hover: #c08478; } */ /* --- SUNSET COLOR THEME --- */ /* :root { --modal-bg-color: #4e2114; --modal-border-color: #96261F; --modal-divider-color: #484445; --modal-text-color: #F4B45C; --modal-tab-active-bg-color: #484445; --modal-tab-inactive-bg-color: #4e2114; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #F4B45C; --modal-tab-border-color: #484445; --purchasable-bg-color: #944e31; --purchasable-border-color: #F4B45C99; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #8a2f26 ; --unpurchasable-bg-color: #48474d; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #474445; } </style><style> :root { --modal-bg-color: #9E5C33F7; --modal-border-color: #3A322C; --modal-divider-color: transparent; --modal-text-color: #fff; --modal-tab-active-bg-color: #4b2d19; --modal-item-tab-active-bg-color: #6d482d; --modal-tab-inactive-bg-color: #915f3b; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #fff; --modal-tab-border-color: #6b7280; --modal-header-color: #fff; --modal-header-border-color: #4b2d19; --modal-coin-background-color:#744627; --modal-coin-text-color: #fff; --modal-coin-border-color: #502B15; --modal-content-bg-color : #744627; --modal-tab-text-active-border-color: #995931; --purchasable-bg-color: #d5ad61; --purchasable-border-color: #3A322C; --purchasable-border-color-hover: #DDAB52; --purchasable-text-color: #b57628; --purchasable-text-color-hover : #fff; --purchasable-bg-color-hover: #9E5C33; --unpurchasable-bg-color: #545454CC; --unpurchasable-bg-color-hover: #535E7299; } /* Custom styles for the skin shop modal */ /* color variables and other themes are defined in In-Game Shop section */ a.btn:focus { box-shadow: none !important; } .modal-content-new { background-color: var(--modal-bg-color); border: 4px solid var(--modal-border-color); backdrop-filter: blur(10px); color: var(--modal-text-color); border-radius: 10px; } .modal-title { font-weight: 900; font-size: 1.75rem; } .modal-bg-color { background-color: #272e37e5; } .popover { background-color: #272e37e5; border: 2px solid #6b7280; color: white; border-radius: 10px; } .popover div{ color:white; } .modal-header-new { border-bottom: 1px solid var(--modal-divider-color); padding : 16px; display: flex; flex-direction: \"row\"; align-items: \"center\"; } .modal-body-new { padding : 0px; } .owned-skins { border: 2px solid #6b7280; border-radius: 5px; padding: 5px; margin-bottom: 10px; } .owned-skins.active { background-color: #4b5563; } .other-lists { padding: 5px; color: var(--modal-text-color); border-radius: 5px; } .other-lists.active { background-color: var(--modal-tab-active-bg-color); } ul { list-style-type: none; margin: 0; padding: 0; } .modd-coin-bg { background-color: #374151; } .page-link { background-color: transparent !important; border: 0px solid #374151 !important; border-radius: 2px !important; } .page-item.active .page-link { background-color: transparent !important; border: 4px solid var(--purchasable-border-color) !important; border-radius : 8px !important; } .blue-hover { margin: 5px; border: 2px solid transparent; } .blue-border { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover { border: 2px solid #254edb; border-radius: 4px; } .blue-hover:hover .modd-coin-bg { background-color: #254edb; } .grey-bordered { border: 2px solid #374151; border-radius: 5px; box-sizing: border-box; } /* Default styles for larger screens */ .shop-grid-container { display: grid; background-color: var(--modal-content-bg-color); grid-template-columns: repeat(5, minmax(0, 1fr)); /* adjust column width as needed */ grid-gap: 10px; /* adjust gap between grid items */ max-width: 100%; /* ensure the grid container doesn't exceed the parent width */ padding: 10px; border-radius: 10px; } .bottom-radius { border-radius: 0 0 8px 8px; /* Top-left, Top-right, Bottom-right, Bottom-left */ } @media screen and (max-width: 767px) { .shop-grid-container { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 768px) and (max-width: 1023px) { .shop-grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .shop-grid-container { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1279px) and (max-width: 2200px) { .shop-grid-container { grid-template-columns: repeat(4, 1fr); } } .shop-grid-items { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; justify-content: space-between !important; align-items: center; padding: 4px; } .skin-purchased { background-color: #955f3b !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .skin-unpurchased { background-color: #d5ad61 !important; border: 6px solid var(--modal-border-color); border-radius: 10px !important; } .justify-center { justify-content: center; } .justify-end { justify-content: end; } .unpurchasble-item{ background-color: var(--unpurchasable-bg-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .unpurchasble-item:hover{ background-color: var(--unpurchasable-bg-color-hover); } .skin-purchase-button { background-color: transparent; border: 2px solid var(--modal-border-color); color: var(--modal-border-color); } .skin-purchase-button:hover { background-color: #2f6a50; border: 2px solid #2f6a50; color: white; } .can-purchase-item { background-color: var(--purchasable-bg-color); color: var(--purchasable-text-color); border: 6px solid var(--purchasable-border-color); border-radius: 10px !important; } .lowered-visibility { opacity : 0.1; } .lowered-visibility { opacity : 0.3; } .can-purchase-item:hover{ background-color: var(--purchasable-bg-color-hover); border: 6px solid var(--purchasable-border-color-hover); color: var(--purchasable-text-color-hover); } .modd-shop-header { font-weight: 900; color: var(--modal-header-color); font-size : 1.5rem; -webkit-text-stroke : 1px var(--modal-header-border-color); } .modd-shop-sub-header { font-weight: 800; color: var(--modal-header-color); font-size : 1rem; margin-top: 10px; margin-left: 5px; -webkit-text-stroke : 1px var(--modal-header-border-color); } #search-skin { color: var(--modal-text-color); placeholder: var(--modal-text-color); background-color: transparent; border: none; height: 28px; } .search-input-group { background-color: var(--modal-tab-active-bg-color); color: var(--modal-text-color); border: 2px solid var(--modal-coin-bg-color); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 10px; } /* --- BLUE COLOR THEME --- */ /* :root { --modal-bg-color: #041b48; --modal-border-color: #3980C2; --modal-divider-color: #014088; --modal-text-color: #ffc012; --modal-tab-active-bg-color: #014088; --modal-tab-inactive-bg-color: #6b728000; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #ffc012; --modal-tab-border-color: #014088; --purchasable-bg-color: #014088; --purchasable-border-color: #3980C299; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #3980C2; --unpurchasable-bg-color: #36435f; --unpurchasable-bg-color-hover: #555e70; } */ /* --- PURPLE COLOR THEME --- */ /* :root { --modal-bg-color: #342233; --modal-border-color: #a4ecba; --modal-divider-color: #8CEFB6; --modal-text-color: #91c2f0; --modal-tab-active-bg-color: #2b293c; --modal-tab-inactive-bg-color: #322131; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #82C4F4; --modal-tab-border-color: #2b293c; --purchasable-bg-color: #80bab8; --purchasable-border-color: #82C4F499; --purchasable-text-color: #000; --purchasable-bg-color-hover: #8CEFB6; --unpurchasable-bg-color: #373747; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #2b293c; } */ /* --- CANDY COLOR THEME --- */ /* :root { --modal-bg-color: #625157; --modal-border-color: #aec7a9; --modal-divider-color: #c08478; --modal-text-color: #f5deca; --modal-tab-active-bg-color: #c08478; --modal-tab-inactive-bg-color: #5f4f54; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #624b47; --modal-tab-border-color: #c08478; --purchasable-bg-color: #748c8a; --purchasable-border-color: #FADDC7; --purchasable-text-color: #000; --purchasable-bg-color-hover: #aec7a9; --unpurchasable-bg-color: #6d5d61; --unpurchasable-text-color: #000; --unpurchasable-bg-color-hover: #c08478; } */ /* --- SUNSET COLOR THEME --- */ /* :root { --modal-bg-color: #4e2114; --modal-border-color: #96261F; --modal-divider-color: #484445; --modal-text-color: #F4B45C; --modal-tab-active-bg-color: #484445; --modal-tab-inactive-bg-color: #4e2114; --modal-tab-text-color: #fff; --modal-active-tab-text-color: #F4B45C; --modal-tab-border-color: #484445; --purchasable-bg-color: #944e31; --purchasable-border-color: #F4B45C99; --purchasable-text-color: #fff; --purchasable-bg-color-hover: #8a2f26 ; --unpurchasable-bg-color: #48474d; --unpurchasable-text-color: #fff; --unpurchasable-bg-color-hover: #474445; } </style>","versions":{"be":"a213594b1","taro2":"1717595844952","taroPhaser":"1717595844944","reactGame":"1773396412066","reactSandbox":"1773396403662","reactAdmin":"1773396425686","editor":"a213594b1","taroSandbox":"1717597113414"},"releaseVersion":1774311305017,"isMember":false,"disableAdsPortals":false,"isUserContributor":false,"isUserModerator":false,"defaultRoles":[{"_id":"69af3c180a66eea219decf7a","name":"Community Member","color":"#45FCB7","permissions":{"communityChat":true},"type":3},{"_id":"69af3c180a66eea219decf7b","name":"Logged-In Users","color":"#99F000","permissions":{"serverChat":true,"playGame":true},"type":4},{"_id":"69af3c180a66eea219decf7c","name":"Guest Users","color":"#E6FFB9","permissions":{"playGame":true},"type":5}],"isUserAllowedToCommunityChat":false,"isCommunityMemberAllowedToChat":true,"isUserAllowedToManageRoles":false,"isAllowedToManageSettings":false,"engineVersions":[{"_id":"6908e34732c07bf6206124ab","name":"3.0.28","hotfixes":[{"name":"3.0.28.1","isActive":true},{"name":"3.0.28.2","isActive":true},{"name":"3.0.28.3","isActive":true},{"name":"3.0.28.4","isActive":true},{"name":"3.0.28.5","isActive":true},{"name":"3.0.28.6","isActive":true},{"name":"3.0.28.7","isActive":true},{"name":"3.0.28.8","isActive":true},{"name":"3.0.28.9","isActive":true},{"name":"3.0.28.10","isActive":true},{"name":"3.0.28.11","isActive":true},{"name":"3.0.28.12","isActive":true},{"name":"3.0.28.13","isActive":true},{"name":"3.0.28.14","isActive":true},{"name":"3.0.28.15","isActive":true},{"name":"3.0.28.16","isActive":true},{"name":"3.0.28.17","isActive":true},{"name":"3.0.28.18","isActive":true},{"name":"3.0.28.19","isActive":true},{"name":"3.0.28.20","isActive":true},{"name":"3.0.28.21","isActive":true},{"name":"3.0.28.22","isActive":true},{"name":"3.0.28.23","isActive":true},{"name":"3.0.28.24","isActive":true},{"name":"3.0.28.25","isActive":true},{"name":"3.0.28.26","isActive":true}],"isActive":true},{"_id":"68ff97ffa43b9d8f28ddbdf1","name":"3.0.27","hotfixes":[{"name":"3.0.27.1","isActive":true},{"name":"3.0.27.2","isActive":true},{"name":"3.0.27.3","isActive":true},{"name":"3.0.27.4","isActive":true},{"name":"3.0.27.5","isActive":true}],"isActive":true},{"_id":"68f0d1eb00bf73e835fb33ba","name":"3.0.26","hotfixes":[{"name":"3.0.26.1","isActive":true},{"name":"3.0.26.2","isActive":true},{"name":"3.0.26.4","isActive":true},{"name":"3.0.26.5","isActive":true},{"name":"3.0.26.6","isActive":true},{"name":"3.0.26.7","isActive":true},{"name":"3.0.26.8","isActive":true},{"name":"3.0.26.9","isActive":true},{"name":"3.0.26.10","isActive":true},{"name":"3.0.26.11","isActive":true},{"name":"3.0.26.12","isActive":true}],"isActive":true},{"_id":"68e94d38280c13fd712733a5","name":"3.0.25","hotfixes":[{"name":"3.0.25.1","isActive":true},{"name":"3.0.25.2","isActive":true},{"name":"3.0.25.3","isActive":true},{"name":"3.0.25.4","isActive":true},{"name":"3.0.25.5","isActive":true},{"name":"3.0.25.6","isActive":true},{"name":"3.0.25.7","isActive":true},{"name":"3.0.25.8","isActive":true},{"name":"3.0.25.9","isActive":true},{"name":"3.0.25.10","isActive":false},{"name":"3.0.25.11","isActive":true},{"name":"3.0.25.12","isActive":true}],"isActive":true},{"_id":"68e0224e318da813ea4a2893","name":"3.0.24","hotfixes":[{"name":"3.0.24.1","isActive":true},{"name":"3.0.24.2","isActive":true},{"name":"3.0.24.3","isActive":true},{"name":"3.0.24.4","isActive":true},{"name":"3.0.24.5","isActive":true},{"name":"3.0.24.6","isActive":true},{"name":"3.0.24.7","isActive":true}],"isActive":true},{"_id":"68dc184ea62b051ce38a6e99","name":"3.0.23","hotfixes":[{"name":"3.0.23.1","isActive":true},{"name":"3.0.23.2","isActive":true}],"isActive":true},{"_id":"68cae0834d97cc3d158b2b2d","name":"3.0.22","hotfixes":[{"name":"3.0.22.1","isActive":true},{"name":"3.0.22.2","isActive":true},{"name":"3.0.22.3","isActive":true},{"name":"3.0.22.4","isActive":true},{"name":"3.0.22.5","isActive":true},{"name":"3.0.22.6","isActive":true},{"name":"3.0.22.7","isActive":true},{"name":"3.0.22.8","isActive":true},{"name":"3.0.22.9","isActive":true},{"name":"3.0.22.10","isActive":true},{"name":"3.0.22.11","isActive":true},{"name":"3.0.22.12","isActive":true},{"name":"3.0.22.13","isActive":true},{"name":"3.0.22.14","isActive":true},{"name":"3.0.22.15","isActive":true}],"isActive":true},{"_id":"68c07cd1e0b1415bb3300975","name":"3.0.21","hotfixes":[{"name":"3.0.21.1","isActive":true},{"name":"3.0.21.2","isActive":true},{"name":"3.0.21.3","isActive":true},{"name":"3.0.21.4","isActive":true},{"name":"3.0.21.5","isActive":true},{"name":"3.0.21.6","isActive":true},{"name":"3.0.21.7","isActive":true},{"name":"3.0.21.8","isActive":true},{"name":"3.0.21.9","isActive":true},{"name":"3.0.21.10","isActive":true},{"name":"3.0.21.11","isActive":true}],"isActive":true},{"_id":"68b6c03f70d02f792610a888","name":"3.0.20","hotfixes":[{"name":"3.0.20.1","isActive":true},{"name":"3.0.20.2","isActive":true},{"name":"3.0.20.3","isActive":true},{"name":"3.0.20.4","isActive":true},{"name":"3.0.20.5","isActive":true},{"name":"3.0.20.6","isActive":true},{"name":"3.0.20.7","isActive":true},{"name":"3.0.20.8","isActive":true}],"isActive":true},{"_id":"689b6ab4d7593c7aeb53fa9a","name":"3.0.19","hotfixes":[{"name":"3.0.19.1","isActive":true},{"name":"3.0.19.2","isActive":true},{"name":"3.0.19.3","isActive":true},{"name":"3.0.19.4","isActive":true},{"name":"3.0.19.5","isActive":true},{"name":"3.0.19.6","isActive":true},{"name":"3.0.19.7","isActive":true},{"name":"3.0.19.8","isActive":true},{"name":"3.0.19.9","isActive":true},{"name":"3.0.19.10","isActive":true},{"name":"3.0.19.11","isActive":true},{"name":"3.0.19.12","isActive":true},{"name":"3.0.19.13","isActive":true},{"name":"3.0.19.14","isActive":true},{"name":"3.0.19.15","isActive":true},{"name":"3.0.19.16","isActive":true},{"name":"3.0.19.17","isActive":true},{"name":"3.0.19.18","isActive":true},{"name":"3.0.19.19","isActive":true},{"name":"3.0.19.20","isActive":true},{"name":"3.0.19.22","isActive":true},{"name":"3.0.19.23","isActive":true},{"name":"3.0.19.24","isActive":true},{"name":"3.0.19.25","isActive":true},{"name":"3.0.19.26","isActive":true},{"name":"3.0.19.27","isActive":true},{"name":"3.0.19.28","isActive":true},{"name":"3.0.19.29","isActive":true},{"name":"3.0.19.30","isActive":true}],"isActive":true},{"_id":"6890e84edde467286c352541","name":"3.0.18","hotfixes":[{"name":"3.0.18.1","isActive":true},{"name":"3.0.18.2","isActive":true},{"name":"3.0.18.3","isActive":true},{"name":"3.0.18.4","isActive":true},{"name":"3.0.18.5","isActive":true},{"name":"3.0.18.6","isActive":true},{"name":"3.0.18.7","isActive":true},{"name":"3.0.18.8","isActive":true},{"name":"3.0.18.9","isActive":true},{"name":"3.0.18.10","isActive":true},{"name":"3.0.18.11","isActive":true},{"name":"3.0.18.12","isActive":true},{"name":"3.0.18.13","isActive":true}],"isActive":true},{"_id":"68752cc955b9e8371bc1dab2","name":"3.0.17","hotfixes":[{"name":"3.0.17.1","isActive":true},{"name":"3.0.17.2","isActive":true},{"name":"3.0.17.3","isActive":true},{"name":"3.0.17.4","isActive":true},{"name":"3.0.17.5","isActive":true},{"name":"3.0.17.6","isActive":true},{"name":"3.0.17.7","isActive":true},{"name":"3.0.17.8","isActive":true},{"name":"3.0.17.9","isActive":true},{"name":"3.0.17.11","isActive":true},{"name":"3.0.17.12","isActive":true},{"name":"3.0.17.13","isActive":true},{"name":"3.0.17.14","isActive":true},{"name":"3.0.17.15","isActive":true},{"name":"3.0.17.16","isActive":true},{"name":"3.0.17.17","isActive":true},{"name":"3.0.17.18","isActive":true},{"name":"3.0.17.19","isActive":true},{"name":"3.0.17.20","isActive":false},{"name":"3.0.17.21","isActive":false},{"name":"3.0.17.22","isActive":false},{"name":"3.0.17.23","isActive":false},{"name":"3.0.17.24","isActive":false},{"name":"3.0.17.25","isActive":false},{"name":"3.0.17.26","isActive":false},{"name":"3.0.17.27","isActive":false},{"name":"3.0.17.28","isActive":false},{"name":"3.0.17.29","isActive":false},{"name":"3.0.17.30","isActive":false},{"name":"3.0.17.31","isActive":false},{"name":"3.0.17.32","isActive":false},{"name":"3.0.17.33","isActive":true},{"name":"3.0.17.34","isActive":true},{"name":"3.0.17.35","isActive":true},{"name":"3.0.17.36","isActive":true},{"name":"3.0.17.37","isActive":true},{"name":"3.0.17.38","isActive":true},{"name":"3.0.17.39","isActive":true},{"name":"3.0.17.40","isActive":true},{"name":"3.0.17.41","isActive":true},{"name":"3.0.17.42","isActive":true},{"name":"3.0.17.43","isActive":true},{"name":"3.0.17.44","isActive":true}],"isActive":true},{"_id":"685026108fc43ec586959c8a","name":"3.0.16","hotfixes":[{"name":"3.0.16.1","isActive":true},{"name":"3.0.16.2","isActive":true},{"name":"3.0.16.3","isActive":true},{"name":"3.0.16.4","isActive":true},{"name":"3.0.16.5","isActive":true},{"name":"3.0.16.6","isActive":true},{"name":"3.0.16.7","isActive":true},{"name":"3.0.16.8","isActive":true},{"name":"3.0.16.9","isActive":true},{"name":"3.0.16.10","isActive":true},{"name":"3.0.16.11","isActive":true},{"name":"3.0.16.12","isActive":true},{"name":"3.0.16.13","isActive":true},{"name":"3.0.16.14","isActive":true},{"name":"3.0.16.15","isActive":true},{"name":"3.0.16.16","isActive":true},{"name":"3.0.16.17","isActive":true},{"name":"3.0.16.18","isActive":true},{"name":"3.0.16.19","isActive":true},{"name":"3.0.16.20","isActive":true},{"name":"3.0.16.21","isActive":true},{"name":"3.0.16.22","isActive":true},{"name":"3.0.16.23","isActive":true},{"name":"3.0.16.24","isActive":true},{"name":"3.0.16.25","isActive":true},{"name":"3.0.16.26","isActive":true},{"name":"3.0.16.27","isActive":true},{"name":"3.0.16.28","isActive":true},{"name":"3.0.16.29","isActive":true},{"name":"3.0.16.30","isActive":true},{"name":"3.0.16.31","isActive":true},{"name":"3.0.16.32","isActive":true},{"name":"3.0.16.33","isActive":true},{"name":"3.0.16.34","isActive":true},{"name":"3.0.16.35","isActive":true},{"name":"3.0.16.36","isActive":true},{"name":"3.0.16.37","isActive":true},{"name":"3.0.16.38","isActive":true},{"name":"3.0.16.40","isActive":true},{"name":"3.0.16.39","isActive":true},{"name":"3.0.16.41","isActive":true},{"name":"3.0.16.43","isActive":true},{"name":"3.0.16.44","isActive":true},{"name":"3.0.16.42","isActive":false},{"name":"3.0.16.45","isActive":true},{"name":"3.0.16.46","isActive":true},{"name":"3.0.16.47","isActive":true},{"name":"3.0.16.48","isActive":true},{"name":"3.0.16.49","isActive":true},{"name":"3.0.16.50","isActive":true},{"name":"3.0.16.51","isActive":true}],"isActive":true},{"_id":"68485904d65bbce8dc1e8129","name":"3.0.15","hotfixes":[{"name":"3.0.15.2","isActive":true},{"name":"3.0.15.3","isActive":true},{"name":"3.0.15.4","isActive":true},{"name":"3.0.15.5","isActive":true},{"name":"3.0.15.6","isActive":true},{"name":"3.0.15.7","isActive":true},{"name":"3.0.15.8","isActive":true},{"name":"3.0.15.9","isActive":true},{"name":"3.0.15.10","isActive":true}],"isActive":true},{"_id":"6842ca9566878576f3d85aaa","name":"3.0.14","hotfixes":[{"name":"3.0.14.1","isActive":true},{"name":"3.0.14.2","isActive":true},{"name":"3.0.14.3","isActive":true}],"isActive":true},{"_id":"6841e9557c8611f167037619","name":"3.0.13","hotfixes":[{"name":"3.0.13.2","isActive":true}],"isActive":true},{"_id":"6835fbf70abdb6d26cfe926d","name":"3.0.12","hotfixes":[{"name":"3.0.12.2","isActive":true},{"name":"3.0.12.3","isActive":true},{"name":"3.0.12.4","isActive":true},{"name":"3.0.12.5","isActive":true},{"name":"3.0.12.6","isActive":true},{"name":"3.0.12.7","isActive":true},{"name":"3.0.12.8","isActive":true},{"name":"3.0.12.9","isActive":true},{"name":"3.0.12.10","isActive":true},{"name":"3.0.12.11","isActive":true},{"name":"3.0.12.12","isActive":true},{"name":"3.0.12.13","isActive":true},{"name":"3.0.12.14","isActive":true}],"isActive":true},{"_id":"68345e1c166976a34777e4f5","name":"3.0.11","hotfixes":[{"name":"3.0.11.1","isActive":true},{"name":"3.0.11.2","isActive":true}],"isActive":true},{"_id":"681e0f5cf6d37386372ff8a9","name":"3.0.10","hotfixes":[{"name":"3.0.10.1","isActive":true},{"name":"3.0.10.2","isActive":true},{"name":"3.0.10.3","isActive":true},{"name":"3.0.10.4","isActive":true},{"name":"3.0.10.5","isActive":true},{"name":"3.0.10.6","isActive":true},{"name":"3.0.10.7","isActive":true},{"name":"3.0.10.8","isActive":true},{"name":"3.0.10.9","isActive":true},{"name":"3.0.10.10","isActive":true},{"name":"3.0.10.11","isActive":true},{"name":"3.0.10.12","isActive":true},{"name":"3.0.10.13","isActive":true},{"name":"3.0.10.14","isActive":true}],"isActive":true},{"_id":"67ffb7bf341e3994e6071c1f","name":"3.0.9","hotfixes":[{"name":"3.0.9.1","isActive":true},{"name":"3.0.9.2","isActive":true},{"name":"3.0.9.3","isActive":true},{"name":"3.0.9.4","isActive":true},{"name":"3.0.9.5","isActive":true},{"name":"3.0.9.6","isActive":true},{"name":"3.0.9.7","isActive":true},{"name":"3.0.9.8","isActive":true},{"name":"3.0.9.9","isActive":true},{"name":"3.0.9.10","isActive":true},{"name":"3.0.9.11","isActive":true},{"name":"3.0.9.12","isActive":true},{"name":"3.0.9.13","isActive":true},{"name":"3.0.9.14","isActive":true},{"name":"3.0.9.15","isActive":true},{"name":"3.0.9.16","isActive":true},{"name":"3.0.9.17","isActive":true},{"name":"3.0.9.18","isActive":true},{"name":"3.0.9.19","isActive":true},{"name":"3.0.9.20","isActive":true},{"name":"3.0.9.21","isActive":true},{"name":"3.0.9.22","isActive":true},{"name":"3.0.9.23","isActive":true},{"name":"3.0.9.24","isActive":true},{"name":"3.0.9.25","isActive":true},{"name":"3.0.9.26","isActive":true},{"name":"3.0.9.27","isActive":true},{"name":"3.0.9.28","isActive":true},{"name":"3.0.9.29","isActive":true},{"name":"3.0.9.30","isActive":true},{"name":"3.0.9.31","isActive":true},{"name":"3.0.9.32","isActive":true},{"name":"3.0.9.33","isActive":true},{"name":"3.0.9.34","isActive":true},{"name":"3.0.9.35","isActive":true},{"name":"3.0.9.36","isActive":true},{"name":"3.0.9.37","isActive":true},{"name":"3.0.9.38","isActive":true},{"name":"3.0.9.39","isActive":true},{"name":"3.0.9.40","isActive":true},{"name":"3.0.9.41","isActive":true},{"name":"3.0.9.42","isActive":true},{"name":"3.0.9.43","isActive":true},{"name":"3.0.9.44","isActive":true},{"name":"3.0.9.45","isActive":true},{"name":"3.0.9.46","isActive":true},{"name":"3.0.9.47","isActive":true},{"name":"3.0.9.48","isActive":true},{"name":"3.0.9.49","isActive":true},{"name":"3.0.9.50","isActive":true},{"name":"3.0.9.51","isActive":true}],"isActive":true},{"_id":"67f692650b9b08ec3295eb25","name":"3.0.8","hotfixes":[{"name":"3.0.8.1","isActive":true},{"name":"3.0.8.2","isActive":true},{"name":"3.0.8.3","isActive":true},{"name":"3.0.8.4","isActive":true},{"name":"3.0.8.5","isActive":true},{"name":"3.0.8.6","isActive":true},{"name":"3.0.8.7","isActive":true},{"name":"3.0.8.8","isActive":false},{"name":"3.0.8.9","isActive":true},{"name":"3.0.8.10","isActive":true}],"isActive":true},{"_id":"67a3b462c2d264302ebf3bd0","name":"2.9.16","hotfixes":[{"name":"2.9.16.1","isActive":true},{"name":"2.9.16.2","isActive":true},{"name":"2.9.16.3","isActive":true},{"name":"2.9.16.4","isActive":true},{"name":"2.9.16.5","isActive":true},{"name":"2.9.16.6","isActive":true},{"name":"2.9.16.7","isActive":true},{"name":"2.9.16.8","isActive":true},{"name":"2.9.16.9","isActive":true},{"name":"2.9.16.10","isActive":true},{"name":"2.9.16.11","isActive":true},{"name":"2.9.16.12","isActive":true},{"name":"2.9.16.13","isActive":true},{"name":"2.9.16.14","isActive":true},{"name":"2.9.16.15","isActive":true},{"name":"2.9.16.16","isActive":true},{"name":"2.9.16.17","isActive":true},{"name":"2.9.16.18","isActive":true}],"isActive":true},{"_id":"678ba686815c022e6cb57058","name":"2.9.15","hotfixes":[{"name":"2.9.15.1","isActive":true},{"name":"2.9.15.2","isActive":true},{"name":"2.9.15.3","isActive":true},{"name":"2.9.15.4","isActive":true},{"name":"2.9.15.5","isActive":true},{"name":"2.9.15.7","isActive":true},{"name":"2.9.15.8","isActive":true},{"name":"2.9.15.9","isActive":true},{"name":"2.9.15.10","isActive":true},{"name":"2.9.15.11","isActive":true},{"name":"2.9.15.12","isActive":true}],"isActive":true},{"_id":"6784fe6316093a9968a64a77","name":"2.9.14","hotfixes":[{"name":"2.9.14.1","isActive":true},{"name":"2.9.14.2","isActive":true},{"name":"2.9.14.3","isActive":true},{"name":"2.9.14.4","isActive":true},{"name":"2.9.14.5","isActive":true}],"isActive":true},{"_id":"677bfd7726b1f82f3e3c5bef","name":"2.9.13","hotfixes":[{"name":"2.9.13.1","isActive":true},{"name":"2.9.13.2","isActive":true},{"name":"2.9.13.4","isActive":true},{"name":"2.9.13.5","isActive":true},{"name":"2.9.13.6","isActive":true},{"name":"2.9.13.7","isActive":true},{"name":"2.9.13.8","isActive":true},{"name":"2.9.13.9","isActive":true},{"name":"2.9.13.10","isActive":true},{"name":"2.9.13.11","isActive":true}],"isActive":true},{"_id":"676da250782f05834c3a0a50","name":"2.9.12","hotfixes":[{"name":"2.9.12.1","isActive":true},{"name":"2.9.12.2","isActive":true},{"name":"2.9.12.3","isActive":true},{"name":"2.9.12.4","isActive":true},{"name":"2.9.12.5","isActive":true}],"isActive":true},{"_id":"6769aec87e369c4ef5244643","name":"2.9.11","hotfixes":[{"name":"2.9.11.1","isActive":true},{"name":"2.9.11.2","isActive":true}],"isActive":true},{"_id":"6762f5c5dac7b5f5ef758af7","name":"2.9.10","hotfixes":[{"name":"2.9.10.1","isActive":true},{"name":"2.9.10.2","isActive":true},{"name":"2.9.10.3","isActive":true},{"name":"2.9.10.4","isActive":true},{"name":"2.9.10.5","isActive":true},{"name":"2.9.10.6","isActive":true}],"isActive":true},{"_id":"67608a9ed3ec73d22fba346c","name":"2.9.9","hotfixes":[{"name":"2.9.9.1","isActive":true},{"name":"2.9.9.2","isActive":true}],"isActive":true},{"_id":"675849806482167f4dd2dd80","name":"2.9.8","hotfixes":[{"name":"2.9.8.1","isActive":true},{"name":"2.9.8.2","isActive":true},{"name":"2.9.8.3","isActive":true},{"name":"2.9.8.4","isActive":true},{"name":"2.9.8.5","isActive":true},{"name":"2.9.8.6","isActive":true},{"name":"2.9.8.7","isActive":true},{"name":"2.9.8.8","isActive":true},{"name":"2.9.8.9","isActive":true},{"name":"2.9.8.10","isActive":true},{"name":"2.9.8.11","isActive":true}],"isActive":true},{"_id":"6752fb0c71e9a25a57a11acd","name":"2.9.7","hotfixes":[{"name":"2.9.7.1","isActive":true},{"name":"2.9.7.2","isActive":true},{"name":"2.9.7.3","isActive":true},{"name":"2.9.7.4","isActive":true},{"name":"2.9.7.5","isActive":true},{"name":"2.9.7.6","isActive":true},{"name":"2.9.7.7","isActive":true},{"name":"2.9.7.8","isActive":true},{"name":"2.9.7.9","isActive":true},{"name":"2.9.7.10","isActive":true},{"name":"2.9.7.11","isActive":true},{"name":"2.9.7.12","isActive":true}],"isActive":true},{"_id":"6751b301e5cf5ffc8a2dfcaa","name":"2.9.6","hotfixes":[{"name":"2.9.6.1","isActive":true},{"name":"2.9.6.2","isActive":true},{"name":"2.9.6.3","isActive":true}],"isActive":true},{"_id":"6748861023d9e3c732952515","name":"2.9.5","hotfixes":[{"name":"2.9.5.1","isActive":true},{"name":"2.9.5.2","isActive":true},{"name":"2.9.5.3","isActive":true},{"name":"2.9.5.4","isActive":true},{"name":"2.9.5.5","isActive":true},{"name":"2.9.5.6","isActive":true},{"name":"2.9.5.7","isActive":true},{"name":"2.9.5.8","isActive":true},{"name":"2.9.5.9","isActive":true},{"name":"2.9.5.10","isActive":true},{"name":"2.9.5.11","isActive":true},{"name":"2.9.5.12","isActive":true},{"name":"2.9.5.13","isActive":true},{"name":"2.9.5.14","isActive":true},{"name":"2.9.5.15","isActive":true},{"name":"2.9.5.16","isActive":true},{"name":"2.9.5.17","isActive":true},{"name":"2.9.5.18","isActive":true},{"name":"2.9.5.19","isActive":true},{"name":"2.9.5.20","isActive":true},{"name":"2.9.5.21","isActive":true},{"name":"2.9.5.22","isActive":true},{"name":"2.9.5.23","isActive":true},{"name":"2.9.5.24","isActive":true},{"name":"2.9.5.25","isActive":true}],"isActive":true},{"_id":"673c959623d7c229ba777eb6","name":"2.9.4","hotfixes":[{"name":"2.9.4.1","isActive":true},{"name":"2.9.4.2","isActive":true},{"name":"2.9.4.3","isActive":true},{"name":"2.9.4.4","isActive":true},{"name":"2.9.4.5","isActive":true},{"name":"2.9.4.6","isActive":true},{"name":"2.9.4.7","isActive":true},{"name":"2.9.4.8","isActive":true},{"name":"2.9.4.9","isActive":true},{"name":"2.9.4.10","isActive":true},{"name":"2.9.4.11","isActive":true},{"name":"2.9.4.12","isActive":true},{"name":"2.9.4.13","isActive":true},{"name":"2.9.4.14","isActive":true},{"name":"2.9.4.15","isActive":true},{"name":"2.9.4.16","isActive":true},{"name":"2.9.4.17","isActive":true},{"name":"2.9.4.18","isActive":true},{"name":"2.9.4.19","isActive":true},{"name":"2.9.4.20","isActive":true},{"name":"2.9.4.21","isActive":true},{"name":"2.9.4.22","isActive":true},{"name":"2.9.4.23","isActive":true}],"isActive":true},{"_id":"673470ae2a4a8b878d69807d","name":"2.9.3","hotfixes":[{"name":"2.9.3.1","isActive":true},{"name":"2.9.3.2","isActive":true},{"name":"2.9.3.3","isActive":true},{"name":"2.9.3.4","isActive":true},{"name":"2.9.3.5","isActive":true},{"name":"2.9.3.6","isActive":true},{"name":"2.9.3.7","isActive":false}],"isActive":true},{"_id":"672e83ca3fba4dd3f2503115","name":"3.0.7","hotfixes":[{"name":"3.0.7.29","isActive":false},{"name":"3.0.7.1","isActive":true},{"name":"3.0.7.2","isActive":true},{"name":"3.0.7.3","isActive":true},{"name":"3.0.7.4","isActive":true},{"name":"3.0.7.5","isActive":true},{"name":"3.0.7.6","isActive":true},{"name":"3.0.7.7","isActive":true},{"name":"3.0.7.10","isActive":true}],"isActive":true},{"_id":"672d14bdaa3396f57a109480","name":"2.9.2","hotfixes":[{"name":"2.9.2.1","isActive":true},{"name":"2.9.2.2","isActive":true},{"name":"2.9.2.3","isActive":true},{"name":"2.9.2.4","isActive":true},{"name":"2.9.2.5","isActive":true},{"name":"2.9.2.6","isActive":true},{"name":"2.9.2.7","isActive":true},{"name":"2.9.2.8","isActive":true},{"name":"2.9.2.9","isActive":true},{"name":"2.9.2.10","isActive":true},{"name":"2.9.2.11","isActive":true},{"name":"2.9.2.12","isActive":true}],"isActive":true},{"_id":"672cfacded8a8b5e0c4ec266","name":"2.9.1","hotfixes":[],"isActive":true},{"_id":"672a43d76a6773ed37539106","name":"2.9.0","hotfixes":[{"name":"2.9.0.1","isActive":true},{"name":"2.9.0.2","isActive":true}],"isActive":true},{"_id":"672a283c46574d9cd155fc64","name":"2.8.14","hotfixes":[{"name":"2.8.14.1","isActive":true},{"name":"2.8.14.2","isActive":true}],"isActive":true},{"_id":"6728ba0138ad89d86d27654b","name":"2.8.13","hotfixes":[{"name":"2.8.13.1","isActive":true},{"name":"2.8.13.2","isActive":true},{"name":"2.8.13.3","isActive":true},{"name":"2.8.13.4","isActive":true},{"name":"2.8.13.5","isActive":true},{"name":"2.8.13.6","isActive":true},{"name":"2.8.13.7","isActive":true},{"name":"2.8.13.8","isActive":true}],"isActive":true},{"_id":"6722751f7ed387edd05b7ce0","name":"2.8.12","hotfixes":[{"name":"2.8.12.1","isActive":true},{"name":"2.8.12.2","isActive":true},{"name":"2.8.12.3","isActive":true},{"name":"2.8.12.4","isActive":true}],"isActive":true},{"_id":"671fc21363972ee82f14f73c","name":"2.8.11","hotfixes":[{"name":"2.8.11.1","isActive":true},{"name":"2.8.11.2","isActive":true},{"name":"2.8.11.3","isActive":true}],"isActive":true},{"_id":"671654f502d7ffa3b3b4db74","name":"2.8.10","hotfixes":[{"name":"2.8.10.1","isActive":true},{"name":"2.8.10.2","isActive":true},{"name":"2.8.10.3","isActive":true},{"name":"2.8.10.4","isActive":true},{"name":"2.8.10.5","isActive":true},{"name":"2.8.10.6","isActive":true},{"name":"2.8.10.7","isActive":true},{"name":"2.8.10.8","isActive":true},{"name":"2.8.10.9","isActive":true},{"name":"2.8.10.10","isActive":true},{"name":"2.8.10.11","isActive":true},{"name":"2.8.10.12","isActive":true},{"name":"2.8.10.13","isActive":true},{"name":"2.8.10.14","isActive":true},{"name":"2.8.10.15","isActive":true}],"isActive":true},{"_id":"671114c7e9d30a4b70271163","name":"2.8.9","hotfixes":[{"name":"2.8.9.1","isActive":true},{"name":"2.8.9.2","isActive":true},{"name":"2.8.9.3","isActive":true},{"name":"2.8.9.4","isActive":true},{"name":"2.8.9.5","isActive":true},{"name":"2.8.9.6","isActive":true},{"name":"2.8.9.7","isActive":true}],"isActive":true},{"_id":"670e561b0be0b418466ac3e7","name":"2.8.8","hotfixes":[{"name":"2.8.8.1","isActive":true},{"name":"2.8.8.2","isActive":true},{"name":"2.8.8.3","isActive":true},{"name":"2.8.8.4","isActive":true},{"name":"2.8.8.5","isActive":true},{"name":"2.8.8.6","isActive":true},{"name":"2.8.8.7","isActive":true},{"name":"2.8.8.8","isActive":true}],"isActive":true},{"_id":"67054416512a6188b47f9edc","name":"2.8.6","hotfixes":[{"name":"2.8.6.3","isActive":true},{"name":"2.8.6.4","isActive":true},{"name":"2.8.6.5","isActive":true},{"name":"2.8.6.6","isActive":true},{"name":"2.8.6.7","isActive":true}],"isActive":true},{"_id":"66fd953f1099dfa9cee542aa","name":"2.8.5","hotfixes":[{"name":"2.8.5.1","isActive":true},{"name":"2.8.5.2","isActive":true},{"name":"2.8.5.3","isActive":true}],"isActive":true},{"_id":"66fb23fee0a2874e1bc32d2e","name":"2.8.4","hotfixes":[{"name":"2.8.4.1","isActive":true},{"name":"2.8.4.2","isActive":true},{"name":"2.8.4.3","isActive":true},{"name":"2.8.4.4","isActive":true},{"name":"2.8.4.5","isActive":true},{"name":"2.8.4.6","isActive":true},{"name":"2.8.4.7","isActive":true},{"name":"2.8.4.8","isActive":true},{"name":"2.8.4.9","isActive":true},{"name":"2.8.4.10","isActive":true}],"isActive":true},{"_id":"66f6a464893186481708a093","name":"2.8.3","hotfixes":[{"name":"2.8.3.1","isActive":true},{"name":"2.8.3.2","isActive":true},{"name":"2.8.3.3","isActive":true}],"isActive":true},{"_id":"66f50e5a305c700f56f94421","name":"2.8.2","hotfixes":[{"name":"2.8.2.1","isActive":false},{"name":"2.8.2.2","isActive":false},{"name":"2.8.2.3","isActive":false},{"name":"2.8.2.4","isActive":false},{"name":"2.8.2.5","isActive":false},{"name":"2.8.2.6","isActive":false},{"name":"2.8.2.7","isActive":false},{"name":"2.8.2.8","isActive":false},{"name":"2.8.2.9","isActive":true},{"name":"2.8.2.10","isActive":true},{"name":"2.8.2.12","isActive":true}],"isActive":true},{"_id":"65b381603868da329f0b440a","name":"2.1.4","hotfixes":[{"name":"2.1.4.1","isActive":true},{"name":"2.1.4.2","isActive":true},{"name":"2.1.4.3","isActive":true},{"name":"2.1.4.4","isActive":true},{"name":"2.1.4.5","isActive":true},{"name":"2.1.4.6","isActive":true},{"name":"2.1.4.7","isActive":true},{"name":"2.1.4.8","isActive":true},{"name":"2.1.4.9","isActive":true},{"name":"2.1.4.10","isActive":true},{"name":"2.1.4.11","isActive":true},{"name":"2.1.4.12","isActive":true},{"name":"2.1.4.13","isActive":true},{"name":"2.1.4.14","isActive":true},{"name":"2.1.4.15","isActive":true},{"name":"2.1.4.16","isActive":true},{"name":"2.1.4.17","isActive":true},{"name":"2.1.4.18","isActive":true},{"name":"2.1.4.19","isActive":true},{"name":"2.1.4.20","isActive":false},{"name":"2.1.4.21","isActive":true},{"name":"2.1.4.22","isActive":true},{"name":"2.1.4.23","isActive":true},{"name":"2.1.4.24","isActive":true},{"name":"2.1.4.25","isActive":true},{"name":"2.1.4.26","isActive":true},{"name":"2.1.4.27","isActive":true},{"name":"2.1.4.28","isActive":true},{"name":"2.1.4.29","isActive":true},{"name":"2.1.4.30","isActive":true},{"name":"2.1.4.31","isActive":true},{"name":"2.1.4.32","isActive":true},{"name":"2.1.4.33","isActive":true},{"name":"2.1.4.34","isActive":true},{"name":"2.1.4.35","isActive":true},{"name":"2.1.4.36","isActive":true},{"name":"2.1.4.37","isActive":true},{"name":"2.1.4.38","isActive":true},{"name":"2.1.4.39","isActive":true},{"name":"2.1.4.40","isActive":true},{"name":"2.1.4.41","isActive":true},{"name":"2.1.4.42","isActive":false},{"name":"2.1.4.43","isActive":false},{"name":"2.1.4.44","isActive":false},{"name":"2.1.4.45","isActive":true},{"name":"2.1.4.46","isActive":true},{"name":"2.1.4.47","isActive":false},{"name":"2.1.4.48","isActive":true},{"name":"2.1.4.49","isActive":true},{"name":"2.1.4.50","isActive":true},{"name":"2.1.4.51","isActive":true},{"name":"2.1.4.52","isActive":true},{"name":"2.1.4.53","isActive":false},{"name":"2.1.4.54","isActive":true},{"name":"2.1.4.56","isActive":false},{"name":"2.1.4.57","isActive":false},{"name":"2.1.4.58","isActive":false},{"name":"2.1.4.59","isActive":true},{"name":"2.1.4.62","isActive":true},{"name":"2.1.4.64","isActive":true},{"name":"2.1.4.66","isActive":true},{"name":"2.1.4.67","isActive":true},{"name":"2.1.4.69","isActive":true},{"name":"2.1.4.70","isActive":true},{"name":"2.1.4.71","isActive":true},{"name":"2.1.4.72","isActive":false},{"name":"2.1.4.73","isActive":true},{"name":"2.1.4.74","isActive":true},{"name":"2.1.4.75","isActive":true},{"name":"2.1.4.76","isActive":true},{"name":"2.1.4.77","isActive":true}],"isActive":true},{"_id":"659c23b919e995e8d5afd38e","name":"2.1.0","hotfixes":[{"name":"2.1.0.1","isActive":true},{"name":"2.1.0.2","isActive":true},{"name":"2.1.0.3","isActive":true},{"name":"2.1.0.4","isActive":true},{"name":"2.1.0.5","isActive":true},{"name":"2.1.0.6","isActive":true},{"name":"2.1.0.7","isActive":true},{"name":"2.1.0.9","isActive":true},{"name":"2.1.0.10","isActive":true},{"name":"2.1.0.11","isActive":true},{"name":"2.1.0.12","isActive":true},{"name":"2.1.0.13","isActive":true},{"name":"2.1.0.14","isActive":true},{"name":"2.1.0.15","isActive":true},{"name":"2.1.0.16","isActive":true},{"name":"2.1.0.17","isActive":true},{"name":"2.1.0.18","isActive":true},{"name":"2.1.0.19","isActive":true},{"name":"2.1.0.20","isActive":true},{"name":"2.1.0.21","isActive":true}],"isActive":true},{"_id":"656ea7a20a92eedbe088442c","name":"2.0.9","isActive":true,"hotfixes":[{"name":"2.0.9.1","isActive":true},{"name":"2.0.9.2","isActive":true},{"name":"2.0.9.3","isActive":false},{"name":"2.0.9.4","isActive":false},{"name":"2.0.9.5","isActive":false},{"name":"2.0.9.6","isActive":false},{"name":"2.0.9.7","isActive":true}]},{"_id":"656db9fe0e260170c3b60f39","name":"2.0.8","isActive":true,"hotfixes":[{"name":"2.0.8.1","isActive":true}]}],"isStaticGeneration":false,"isGameNotPublished":true,"redirectTo":null,"redirectToGameSlug":""}}