/* montserrat-100 - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 100; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-100italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 100; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-200 - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 200; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-200italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 200; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-300 - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-300italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-regular - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-500 - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-500italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-600 - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-600italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-700 - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-700italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-800 - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-800italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 800; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-900 - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-900italic - cyrillic_cyrillic-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 900; src: url('./media/fonts/Montserrat/montserrat-v26-cyrillic_cyrillic-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-family: 'Montserrat'; src: local('☺'), url("./media/fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; } *::-webkit-scrollbar { width: 9px; } ::-webkit-scrollbar-corner { background-color: transparent; } *::-webkit-scrollbar-thumb { display: block; border-radius: 17px; height: 120px; background-color: #3B4673; } *::-webkit-scrollbar-track { background-color: #4659b700; } #content { background-color: #1A1938; } #spinner-game { background-color: #1A1938; color: white; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; } .swal2-close:focus { box-shadow: inset 0 0 0 0px rgba(100, 150, 200, .5) !important; } .hint_fields { background-color: #242C53 !important; border-radius: 10px !important; color: #B2BBDC; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; } .popup-title { color: #8492C0; display: flex !important; align-items: center; justify-content: center; flex-direction: row; } .hint-popup { width: 0.7em; height: 0.7em; /* display:flex; align-items: center; */ margin-left: 5px; margin-top: 5px; } .next-all { border-color: #8492C0; background-color: #242C53 !important; display: flex; color: #B2BBDC; justify-content: center; align-items: center; border-radius: 10px; margin-top: 40px; } .next-all:hover { border-color: #8492C0; background-color: #242C53 !important; display: flex; color: #B2BBDC; justify-content: center; align-items: center; border-radius: 10px; margin-top: 40px; } .first-popup-block { border-bottom: 1px solid; padding-bottom: 18px; border-top: 1px solid; padding-top: 18px; } .jp-popup-first-block { display: flex !important; align-items: center; justify-content: center; } .jp_fields { padding-bottom: 0px; } .jp-popup { margin-right: 0px; margin-left: 0px; margin-bottom: 0px; border-radius: 0px !important; } .jp-popup-block { border-radius: 0px !important; margin-bottom: 0px !important; } .hint { margin-top: -10px !important; margin-left: 97% !important; justify-content: flex-end !important; align-items: flex-start !important; margin-bottom: 1em !important; width: 1.5em !important; height: 1.5em !important; cursor: pointer !important; } .more_help { margin-top: -10px !important; padding: 0px 0px !important; border-radius: 0px !important; border: none !important; cursor: pointer; } .more_help:hover { background-color: #3e3d4e; } .balance-button { background-color: #80BF6F; /* Цвет фона */ color: #34495e; /* Цвет текста */ border-radius: 10px; padding: 10px; display: flex; align-items: center; font-weight: 800; margin-bottom: 3%; height: 6em; position: relative; } .balance-button:focus { background-color: #80BF6F; /* Цвет фона */ color: #34495e; /* Цвет текста */ border-radius: 10px; padding: 10px; display: flex; align-items: center; justify-content: center; font-weight: 800; margin-bottom: 3%; border: 0px; } .balance-button:active:focus { background-color: #80BF6F; /* Цвет фона */ color: #34495e; /* Цвет текста */ border-radius: 10px; padding: 10px; display: flex; align-items: center; justify-content: center; font-weight: 800; margin-bottom: 3%; border: 0px; opacity: 1; } .stake-button-box { background-color: #80BF6F; /* Цвет фона */ color: #34495e; /* Цвет текста */ border-radius: 10px; padding: 10px; display: flex; align-items: center; justify-content: center; font-weight: 800; margin-bottom: 3%; border-width: 0px; } .stake-button-box:hover { background-color: #82e084; /* Цвет фона */ color: #34495e; /* Цвет текста */ border-radius: 10px; padding: 10px; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 3%; border-width: 0px; } .stake-button-box:active { background-color: #82e084 !important; /* Цвет фона */ color: #34495e; /* Цвет текста */ border-radius: 10px; padding: 10px; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 3%; border-width: 0px; } .balance-img { margin-left: 1em; } .balance-text-sum { margin-left: 0.5em; font-size: 1.1em; } /* .balance-text{ display: flex; flex-direction: column; align-self: center; font-weight: 600; font-size: large; margin-left: 16.1%; } */ .balance-text { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; font-weight: 600; font-size: large; } .balance { display: flex; flex-direction: row; justify-content: space-between; } .balance-btn { display: flex; flex-direction: row; margin-left: 0px; margin-right: 30%; } .balance-button img { width: 3em; height: 3em; } .balance-box { height: 24em; } .balance-box, .spinner-box, .jackpot-item { background-color: #242C53; border-radius: 10px; padding: 20px; margin-bottom: 15px; } .stake { border: 2px solid #3b477a; color: white; border-radius: .8rem; height: 50px; background-color: #242C53; transition: all 0.3s ease; overflow: hidden; } .stake:hover { background-color: #2B365E !important; } .stake .stake-input, .stake .stake-ticket, .stake .stake-clear, .stake .stake-currency, .stake .d-flex:not(.btn-x-prev):not(.btn-x-next) { transition: all 0.3s ease; border: none !important; } .stake:hover .stake-input, .stake:hover .stake-ticket, .stake:hover .stake-clear, .stake:hover .stake-currency { background-color: transparent !important; color: white !important; } .stake:hover .d-flex:not(.btn-x-prev):not(.btn-x-next) { background-color: transparent !important; } .stake:focus-within { background-color: #2B365E !important; } .stake:focus-within .stake-input, .stake:focus-within .stake-ticket, .stake:focus-within .stake-clear, .stake:focus-within .stake-currency { background-color: transparent !important; color: white !important; opacity: 0.8; } .stake .stake-input:focus { background-color: transparent !important; box-shadow: none !important; outline: none !important; } .stake .btn-x-prev, .stake .btn-x-next { background-color: #3B4673 !important; transition: background-color 0.3s ease; } .stake:hover .btn-x-prev:hover, .stake:hover .btn-x-next:hover { background-color: #6288D3 !important; } .stake-input:focus { background-color: #3b477a; border: none; outline: none; box-shadow: 0 0 0px; border-right: none; border-left: none; color: white; } .stake-colrow { display: flex; flex-direction: row; align-items: center; justify-content: center; } .stake-col { margin-bottom: 1em; margin-right: 0.5em; display: flex; flex-direction: column; } .stake-text { display: flex; align-items: flex-start; justify-content: flex-start; margin-left: 2%; font-size: 14px; color: #a5b6e0; } .stake-input { background-color: #242C53; border-radius: 5px; border: none; outline: none; /* border-left: none; border-right: none; */ color: white; height: 46px; padding-left: 7px; margin-left: 3px !important; font-size: 20px; padding-top: 8px; margin-bottom: 1px; } .stake-input::placeholder { color: white; opacity: 0.8; } .stake-input:disabled { background-color: #242C53; border: none; outline: none; box-shadow: 0 0 0px; border-right: none; border-left: none; color: white; } #totalSum { border-radius: .8rem; } .stake-currency { background-color: #242C53; border: none; border-radius: .8rem; border-right: none; padding-right: 0px; } .stake-ticket { background-color: #242C53; border: none; border-radius: .8rem; border-right: none; padding-right: 0px; height: 46px; } .stake-ticket img { width: 1.2em; height: 1.2em; border: none; margin-left: -3.5px; } .stake-currency img { width: 20px; height: 20px; margin-left: -3.5px; border: none; /* margin-top: 1px; */ /* padding-bottom: 0.3em; */ /* margin-bottom: 0.2em; */ /* padding-bottom: 6px; */ /* padding-right: 5px; */ } .stake-clear { height: 46px; background-repeat: no-repeat; background-size: contain; background-position: center; border: none; display: flex; align-items: center; justify-content: center; opacity: 0.4; margin-right: 10px; width: 1em; } .stake-clear:hover { opacity: 1; } .broom { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsTAAALEwEAmpwYAAA7qGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMjQtMDgtMjNUMTA6NDk6NDIrMDM6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAyNC0wOC0yM1QxMTowNDozMSswMzowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMjQtMDgtMjNUMTE6MDQ6MzErMDM6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6YmFjMWNiMWYtOTdhYS0yZDRiLWJjMzQtYTQ0ZmUxZGU1MTg4PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NDlkMzVhYTAtNjEyNi0xMWVmLWI1YjQtYmE5MDFjYzIxNzEzPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6N2Q4MGYwZTQtMTQ2Ny00NzQ2LTg5ZjktNGE3YWJlZGQyZDljPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjdkODBmMGU0LTE0NjctNDc0Ni04OWY5LTRhN2FiZWRkMmQ5Yzwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAyNC0wOC0yM1QxMDo0OTo0MiswMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDplNGFlZmQxYi0zMDc5LWNkNDItOGFlOC1lMWE3N2RhNTVlYjM8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMjQtMDgtMjNUMTE6MDQ6MzErMDM6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6YmFjMWNiMWYtOTdhYS0yZDRiLWJjMzQtYTQ0ZmUxZGU1MTg4PC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDI0LTA4LTIzVDExOjA0OjMxKzAzOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjUxMjwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj41MTI8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAg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"); opacity: 0.4; transform: translateZ(0); will-change: transform; } .mobil-table {} .w-100.rounded-top.py-4.px-4.table-row-color.mb-3.d-flex.align-items-center.mobil-table { padding-top: 26px !important; padding-bottom: 26px !important; max-height: 81px; } .ltc-logo { width: 1.2em; height: 1.2em; margin-top: 0.1625em; margin-left: -0.25em; margin-right: 0.2em; } .stake-auto { margin-top: -5%; margin-bottom: 1.5rem !important; display: flex; justify-content: space-between; } .stake-auto button { background-color: #3B4673; flex: 1 1 100%; height: 100%; padding: .4rem .1rem; border: none; border-radius: .8rem; font-size: 1rem; font-weight: 700; line-height: 1.5rem; display: flex; justify-content: center; /* align-content: center; */ /* margin: 0px; */ /* padding: 3% 3%; */ color: #f8f9fa !important; } .stake-auto button:hover { background-color: #6288D3; border: none; border-radius: .8rem; font-weight: 700 !important; } .stake-auto button:active { background-color: #6288D3 !important; border: none; border-radius: .8rem; font-weight: 700; color: white !important; } .stake-auto button:focus { /* background-color: #6288D3 !important; */ border: none; border-radius: .8rem; font-weight: 700; color: white !important; box-shadow: none !important; } #play { width: 0.9em; height: 0.9625em; margin-left: -10px; margin-bottom: 2px; padding-top: 1px; margin-right: -1px; } .stake-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: 9px; padding-top: 7px; padding-bottom: 7px; } .stake-button { font-weight: 600; font-size: large; padding-left: 14px; } .jackpot { display: flex; flex-direction: column; margin-top: 5%; } .jackpot-stand { background-image: url('img/Jackpot_standart.jpg'); background-size: 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: 10em; border-radius: 10px; margin-bottom: 5%; transition: background-size 0.5s ease; } .jackpot-stand:hover { background-size: 110%; box-shadow: inset 0 0 10px blue, inset 0 0 15px #ffffff; } .jackpot-progressive { background-image: url('img/Jackpot progressive.jpg'); background-size: 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: 10em; border-radius: 10px; margin-bottom: 5%; transition: background-size 0.5s ease; } .jackpot-progressive:hover { background-size: 110%; box-shadow: inset 0 0 10px blue, inset 0 0 15px #ffffff; } .jackpot-mega { background-image: url('img/Jackpot mega.jpg'); background-size: 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: 10em; border-radius: 1em; margin-bottom: 5%; transition: background-size 0.5s ease; } .jackpot-mega:hover { background-size: 110%; box-shadow: inset 0 0 10px blue, inset 0 0 15px #ffffff; } .jackpot-box { background-color: rgba(52, 152, 219, 0); background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; display: flex; align-items: flex-start; } .jackpot-box p { background-color: rgba(0, 0, 0, 0.7); width: 55%; border-radius: 0.5em; margin-left: 2%; margin-top: 2%; } .spinner-box { display: flex; flex-direction: row; height: 24em; position: relative; } .spinner-box h3 { color: gold; font-weight: 700; } .players-info { color: #93B3DE; display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; margin-right: -3%; font-weight: 700; } .players-info img { width: 14px; height: 14px; opacity: 1; margin-top: 2px; margin-right: 2px; } .players-tickets-info { display: flex; flex-direction: row; justify-content: center; /* align-items: center; */ margin-left: 0.5em; margin-right: 1em; } .time { color: #8795C1 !important; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; margin-top: 3em; font-family: "Montserrat", sans-serif !important; } .time p { margin-bottom: 0em; margin-top: 1em; font-size: 1.35em; font-weight: 400; } .time-counter { font-weight: 700 !important; margin-right: -0.15em; /* margin-right: !important; */ font-family: "Montserrat", sans-serif !important; } .win { font-weight: 700; } .x-rate { color: #8795C1; font-weight: 400; } .spinners { flex: 1; display: flex; justify-content: center; align-items: center; position: relative; } .spinners::before { content: ''; position: absolute; width: 85%; height: 85%; /* background: rgba(0, 150, 255, 0.5); */ background: rgba(101, 113, 248, 0.6); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: blur(50px); z-index: 0; } .spinners img { max-width: 80%; height: auto; animation: spin 3500ms ease-in-out infinite; border-radius: 50%; position: relative; z-index: 1; } .btn-outline-light { width: 100px; margin: 5px; } .btn-outline-light:hover { background-color: #18bc9c; color: white; border-color: #18bc9c; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .btn-success { background-color: #18bc9c; border: none; } .btn-success:hover { background-color: #1abc9c; transition: background-color 0.3s; } .history-btn { display: flex !important; justify-content: flex-end !important; align-items: center !important; } .history-btn img { width: 1.5em !important; height: auto !important; margin-right: 0.2em !important; } .history-btn button { background-color: #3B4673; color: white; border-radius: 10px; border-color: #3B4673; margin-bottom: 2%; height: 2.5em; display: flex; align-items: center; margin-bottom: 15px; border-width: 0px !important; } .ava { width: 3em; height: 3em; border-radius: 10px; -webkit-mask-image: linear-gradient(180deg, #c4c4c4, #c4c4c424 116.07%); mask-image: linear-gradient(180deg, #c4c4c4, #c4c4c424 116.07%); } .nickname-bets { font-weight: 500; font-size: larger; width: 5.5em; text-align: left; font-weight: 700; font-size: 13px; } .chance { font-size: larger; margin-right: 1em; } .bet-number { width: 5em; height: 3em; color: #81e478; border-radius: 10px; font-size: larger; font-weight: 800; display: flex; flex-direction: row; align-items: center; justify-content: center; padding-left: 1em; padding-right: 1em; } .ticket-number { width: 5em; height: 3em; border-radius: 10px; margin-left: 4em; font-size: larger; font-weight: 800; display: flex; flex-direction: row; align-items: center; justify-content: center; padding-left: 1em; padding-right: 1em; margin-right: -1em; } .ticket-number img { width: 1.2em; height: 1.2em; opacity: 1; margin-right: 0.2em; } .spinner_bets_info::-webkit-scrollbar-track { background-color: #1A1938; } .spinner_bets_info::-webkit-scrollbar-thumb { background-color: #3B4673; border-radius: 17px; height: 120px; } .spinner_bets_info::-webkit-scrollbar { width: 9px; border-radius: 8px; } /* .spinner_bets_info{ scrollbar-width: 1em; scrollbar-color: #3B4673 #1A1938; } */ .spinner_bets_info { height: 30em; overflow-y: visible; overflow-x: hidden; scrollbar-arrow-color: blue; padding-right: 7px; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .win-box { /* background: linear-gradient(rgba(0, 0, 0, 0.116), rgba(0, 150, 198, 0.736)); */ position: relative; background: linear-gradient( /* rgba(0, 0, 0, 0.5), */ /* rgba(0, 150, 198, 0.8) */ rgba(39, 86, 118, 0.8), rgba(0, 150, 198, 0.8)); /* rgba(0, 150, 198, 0.1) */ /* background: linear-gradient(rgba(0, 255, 0, 0.116), rgba(0, 255, 0, 0.336)); */ } .win-box::before { content: ""; border-radius: 10px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); /* Черный фон с прозрачностью */ z-index: 1; /* Убедитесь, что псевдоэлемент перекрывает фон, но не содержимое блока */ } .won-text { color: #FEDB0F; text-shadow: 0 0 10px #FFD700; /* 0 0 20px #FFD700, 0 0 30px #FFA500, 0 0 40px #FFA500; */ } .won-size { color: white; text-shadow: 0 0 10px #ffffff; /* 0 0 20px #ffffff; */ } .won-btn { color: white; font-size: 20px; border: none !important; } .won-btn:active, .won-btn:focus { border: none !important; opacity: 0.6; } .won-btn img { padding-top: 3px; padding-bottom: 4px; margin-right: -5px; } .won-xrate { font-weight: 700; margin-top: 1em; } .btn.disabled, .btn:disabled, fieldset:disabled .btn { background-color: #80BF6F !important; } .game-block { position: relative; } /* #DisplayGame { position: relative; } */ #DisplayWin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 10; } @keyframes fall { /* from { transform: translateY(-30em); } to { transform: translateY(-2em); } */ to { transform: translateY(100vh); /* Монеты будут падать вниз */ } } @media (max-width: 768px) { .col1 { margin-right: 0em; } .stake-col { width: 100%; } .balance-box { height: 29em; } .stake-colrow { /* d-flex flex-row align-items-center justify-content-center */ display: flex; flex-direction: column; align-items: center; justify-content: center; } } /* История */ #eralist_container { color: #a5b6e0; } .bubblingG { text-align: center; width: 120px; height: 75px; margin: auto; } .bubblingG span { display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin: 38px auto; background: rgb(132, 146, 192); border-radius: 75px; -o-border-radius: 75px; -ms-border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px; animation: bubblingG 1.5s infinite alternate; -o-animation: bubblingG 1.5s infinite alternate; -ms-animation: bubblingG 1.5s infinite alternate; -webkit-animation: bubblingG 1.5s infinite alternate; -moz-animation: bubblingG 1.5s infinite alternate; } #bubblingG_1 { animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; } #bubblingG_2 { animation-delay: 0.45s; -o-animation-delay: 0.45s; -ms-animation-delay: 0.45s; -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; } #bubblingG_3 { animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; } @keyframes bubblingG { 0% { width: 15px; height: 15px; background-color: rgb(132, 146, 192); transform: translateY(0); } 100% { width: 36px; height: 36px; background-color: rgb(26, 25, 56); transform: translateY(-32px); } } @-o-keyframes bubblingG { 0% { width: 15px; height: 15px; background-color: rgb(132, 146, 192); -o-transform: translateY(0); } 100% { width: 36px; height: 36px; background-color: rgb(26, 25, 56); -o-transform: translateY(-32px); } } @-ms-keyframes bubblingG { 0% { width: 15px; height: 15px; background-color: rgb(132, 146, 192); -ms-transform: translateY(0); } 100% { width: 36px; height: 36px; background-color: rgb(26, 25, 56); -ms-transform: translateY(-32px); } } @-webkit-keyframes bubblingG { 0% { width: 15px; height: 15px; background-color: rgb(132, 146, 192); -webkit-transform: translateY(0); } 100% { width: 36px; height: 36px; background-color: rgb(26, 25, 56); -webkit-transform: translateY(-32px); } } @-moz-keyframes bubblingG { 0% { width: 15px; height: 15px; background-color: rgb(132, 146, 192); -moz-transform: translateY(0); } 100% { width: 36px; height: 36px; background-color: rgb(26, 25, 56); -moz-transform: translateY(-32px); } } .num-tag { width: 5% !important; } .sticky-show-more { border-radius: 10px; height: 50px; background-color: #22274D; display: flex; align-items: center; justify-content: center; color: #fff; margin-bottom: 16px; } .btn-num-history { color: #fff; background-color: #191D3E; margin-right: 10px; border-radius: 30%; } .btn:hover { color: var(--bs-btn-hover-color); border-color: var(--bs-btn-active-border-color) !important; } .jp-win { border: 5px solid #E2E944; border-radius: 10px; /* box-shadow: 0 0 10px #FFD700; */ box-shadow: 0 0 10px #E2E944; animation: glow 1.5s infinite ease-in-out alternate; padding: 5px 5px; } @keyframes glow { from { box-shadow: 0 0 5px #E2E944; } to { box-shadow: 0 0 20px #E2E944; } } .win-game { background-image: linear-gradient(to left, rgba(0, 255, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); color: #a5b6e0; border-radius: 10px; } .lose-game { background-image: linear-gradient(to left, rgba(255, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); } .win-sum { color: #81e478; font-weight: 600; } .table-row-color { background-color: rgb(34 39 77); } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .user-ava-img { display: block; width: 3em; height: 3em; border-radius: 10px; -webkit-mask-image: linear-gradient(180deg, #c4c4c4, #c4c4c424 116.07%); mask-image: linear-gradient(180deg, #c4c4c4, #c4c4c424 116.07%); } .game-text-style { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; color: #a5b6e0; padding-right: calc(var(--bs-gutter-x)* .5) !important; padding-left: calc(var(--bs-gutter-x)* .5) !important; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; } .row-size-history { padding-top: 26px !important; padding-bottom: 26px !important; max-height: 81px; } .coin_ico_ img { display: inline-block; width: 20px; height: 20px; /* margin-left: -3.5px; */ margin-right: 3.5px; } .background { margin-top: -90px; height: 130px; backdrop-filter: blur(4px); margin-bottom: -40px; } .table-body { max-height: 85vh; } ::-webkit-scrollbar-corner { background-color: transparent; } .table-body::-webkit-scrollbar { width: 9px; border-radius: 8px; } .table-body::-webkit-scrollbar-track { background-color: #191D3E; } .table-body::-webkit-scrollbar-thumb { /* display: block; */ border-radius: 17px; height: 120px; background-color: #3B4673; } .jp-block p { margin-bottom: 0px; font-size: 14px; } .jackpot-stand-h, .jackpot-progressive-h, .jackpot-mega-h { /* background-size: cover; */ background-size: 110%; background-position: center; background-repeat: no-repeat; display: flex; align-self: stretch !important; /* transition: transform 0.5s ease; */ } .jackpot-stand, .jackpot-progressive, .jackpot-mega { cursor: pointer; } .jackpot-stand-h { background-image: url('img/Jackpot_standart.jpg'); } .jackpot-progressive-h { background-image: url('img/Jackpot progressive.jpg'); } .jackpot-mega-h { background-image: url('img/Jackpot mega.jpg'); } .jp1-h, .jp2-h, .jp3-h { padding-bottom: 0.1em; font-weight: 900; } .playjp { color: #69C17D; } /* ---Результаты--- */ .border-border { border-radius: 1rem; } .bg-blue-wrapper { background-color: #242C53; } .spinner_playgame:hover, .spinner_copy:hover { background: #6288D3; } /* ---Crash--- */ /* ---Блок баланса--- */ .btn-x-prev, .btn-x-next { background-color: #3B4673; display: flex; justify-content: center; align-items: center; border-radius: .8rem; border: none; height: 40px; margin-right: 5px; width: 15%; } .btn-x-prev:hover, .crash-stake-auto:hover, .btn-x-next:hover, .btn-x-prev:active, .crash-stake-auto:active, .btn-x-next:active { background-color: #6288D3 !important; border: none; /* border-radius: .8rem; */ font-weight: 700 !important; } .btn-x-prev p { font-size: 18px; color: white; font-weight: 600; margin-bottom: 0px; } .crash-x-block { align-items: center; } .crash-stake-auto { background-color: #3B4673; display: flex; flex-direction: column; font-size: 12px; } #auto-play { width: 25px; height: 25px; } .crash-stake-auto.played-auto { background-color: #6288D3 !important; border: none; } .dis.disabled { background-color: #3B4673 !important; border: none; opacity: 0.8; } .dis-brom.disabled { background-color: transparent !important; } .dis-input.disabled { opacity: 0.8; } .stake-button-box.disabled .stake-btn.in-play { /* margin-left: 0px !important; */ } .stake-button-box.disabled .stake-button { /* padding-left: 0px !important; */ } /* ---Блок игры--- */ .balance-box { height: 30em !important; } .block-game img { width: 1.5em; height: 1.5em; } .img-players, .svg-money { opacity: 0.5; } .block-game-info { font-size: 1.25em; margin-bottom: 1.25em; margin-left: 0.5em; color: rgb(165, 182, 224) !important; } .info-bank, .info-player { font-weight: 600; } /* ---Ракета и анимация--- */ .rocket-crash { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); /* animation: rocket-takeoff 5s forwards; */ } .boom-rocket { position: absolute; width: 200px; z-index: 3; left: 50%; top: 50%; transform: translate(-50%, -50%); /* margin-top: -30px; */ margin-bottom: -20px; /* animation: boom-explosion 5s forwards; */ display: block; } .rocket-crash img { width: 10em; rotate: 10deg; } .multiplier { position: absolute; top: 40px; left: 50%; transform: translateX(-50%); font-size: 4.5em; font-weight: 600; color: white; animation: multiplier-animation 3s linear; } .fire img { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 5.5em; height: 5.5em; z-index: -1; animation: flame-animation 0.5s infinite alternate; } /* --------------------- */ /* Анимация взлета ракеты */ @keyframes rocket-takeoff { 0% { bottom: 40px; } 80% { bottom: calc(100% - 200px); /* Ракета поднимается вверх */ } 100% { bottom: calc(100% - 200px); opacity: 0; /* Исчезает перед взрывом */ } } /* Анимация огня под ракетой */ @keyframes flame-animation { 0% { transform: translateX(-50%) scale(1); opacity: 1; } 100% { transform: translateX(-50%) scale(1.4); /* Огнь увеличивается */ opacity: 0.7; } } /* Анимация множителя */ @keyframes multiplier-animation { 0% { content: 'x1.00'; } 100% { content: 'x1.94'; } } /* Анимация взрыва */ @keyframes boom-explosion { 0% { transform: translateX(-50%) scale(0); opacity: 1; } 100% { transform: translateX(-50%) scale(1.5); opacity: 0; } } /* --------------------- */ @keyframes flame-animation { 0% { transform: translateX(-50%) scale(1); opacity: 1; } 100% { transform: translateX(-50%) scale(1.4); /* Увеличение размера огня */ opacity: 0.7; /* Плавное исчезновение */ } } /* ---Ракета и анимация--- */ /* ---Слайдер--- */ .games-crash { height: 50px; background-color: #242C53; border-radius: 10px; } .slide-game { overflow-x: auto; display: flex; flex-direction: row; justify-content: space-around; align-items: center; /* width: 83.33333333%; */ padding-left: 5px; padding-top: 5px; scroll-snap-type: mandatory; } .slide-game::-webkit-scrollbar { width: 0; } .slide-games { min-width: 80px !important; height: 40px; display: flex; align-items: center; justify-content: center; /* background-color: #3871CB; */ border-radius: 0.5em; margin-right: 5px; /* box-shadow: inset 0 -8px 10px rgba(255, 255, 255, 0.3); */ } .slide-game p { margin-bottom: 0px; font-weight: 600; } .slide-game, .slide-games { user-select: none; /* Отключает выделение текста */ -webkit-user-select: none; /* Для Safari */ -ms-user-select: none; /* Для IE */ } .slide-game.dragging { cursor: grabbing; cursor: -webkit-grabbing; } .slide-game { cursor: grab; cursor: -webkit-grab; } .slide-game { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ /* font-weight:500; */ } .slide-game::-webkit-scrollbar { display: none; /* Chrome, Safari и Edge */ } /* ---Слайдер истории--- */ .games-crash-history { position: relative; width: 100%; overflow: hidden; height: 5em; background-color: #242C53; border-radius: 10px; } .block-history-index { width: 20%; height: 100%; display: flex; flex-direction: row; } .block-history-index-free { width: 8%; height: 100%; background: linear-gradient(240deg, rgba(216, 164, 87, .5) 0%, rgba(218, 145, 0, .9) 100%, #242C53 10%); border: none; border-radius: 0.5rem !important; font-weight: 700; color: #cddbff; opacity: 0.3; } .block-history-index-free::before { content: ''; background-image: url('../../../images/wheel/ticket-his.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 2.2em; height: 3em; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; padding-left: 8%; } .blocks-history-index { display: flex; justify-content: space-between; height: 100%; } .block-history-index.x2-index { background: linear-gradient(90deg, #6A91D2 0%, rgba(106, 145, 210, 0.4) 100%, #242C53 10%); border: none; border-radius: 0.5rem !important; font-weight: 700; color: #cddbff; opacity: 0.3; } .block-history-index.x3-index { background: linear-gradient(90deg, #57BA81 0%, rgba(87, 186, 129, 0.4) 100%, #242C53 10%); border: none; border-radius: 0.5rem !important; font-weight: 700; color: #cddbff; opacity: 0.3; } .block-history-index.x5-index { background: linear-gradient(90deg, #8077EE 0%, rgba(128, 119, 238, 0.4) 100%, #242C53 10%); border: none; border-radius: 0.5rem !important; font-weight: 700; color: #cddbff; opacity: 0.3; } .block-history-index.x34-index { background: linear-gradient(90deg, #D3C186 0%, rgba(211, 193, 134, 0.4) 100%, #242C53 10%); border: none; border-radius: 0.5rem !important; font-weight: 700; color: #cddbff; opacity: 0.3; } .players-his { display: flex; align-items: center; justify-content: space-evenly; flex-direction: row; width: 20%; margin-right: 5%; } .img-players-his { width: 1em; } .info-player-his { font-weight: 600; } .index-bank-his { display: flex; align-items: baseline; justify-content: space-evenly; flex-direction: column; width: 80%; margin-left: 7%; } .index-value { font-size: 1.5em; font-weight: 800; } .bank-value { font-size: 1em; font-weight: 700; } .x2-index.win-his { filter: brightness(1.1); opacity: 1; } .x3-index.win-his { filter: brightness(1.1); opacity: 1; } .x5-index.win-his { filter: brightness(1.1); opacity: 1; } .x34-index.win-his { filter: brightness(1.1); opacity: 1; } .block-history-index-free.win-his { filter: brightness(1.1); opacity: 1; padding-left: 32px; } .slide-game-history { display: flex; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; padding-left: 5px; padding-top: 5px; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; max-width: 100%; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: relative; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ } .slide-game-history.dragging { cursor: grabbing; cursor: -webkit-grabbing; scroll-behavior: auto; } .slide-game-history::-webkit-scrollbar { display: none; /* Chrome, Safari и Edge */ } .slide-games-history { pointer-events: none; flex-shrink: 0; min-width: 80px !important; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 0.5em; margin-right: 5px; filter: brightness(0.5); transition: opacity 0.3s, filter 0.3s; } .slide-games-history:first-child { filter: brightness(1); } .slide-game-history p { margin-bottom: 0px; font-weight: 600; } /* Стили для уровней краша */ .crash-red { color: #f38f8f; background: linear-gradient(180deg, rgba(216, 164, 87, .119) 0%, rgba(218, 145, 0, .34) 100%); } .crash-blue { color: #769CFF; background: linear-gradient(180deg, rgba(90, 96, 228, .119) 0%, rgba(88, 103, 236, .34) 100%); } .crash-green { color: #6FCF95; background: linear-gradient(180deg, rgba(43, 172, 71, .119) 0%, rgba(74, 202, 110, .34) 100%); } .crash-purple { color: #9887FF; background: linear-gradient(180deg, rgba(109, 74, 208, .119) 0%, rgba(116, 80, 217, .34) 100%); } .crash-yellow { color: #F3D28F; background: linear-gradient(180deg, rgba(216, 164, 87, .119) 0%, rgba(218, 197, 87, .34) 100%); } .crash-red-mult { color: #f38f8f; } .crash-blue-mult { color: #769CFF; } .crash-green-mult { color: #6FCF95; } .crash-purple-mult { color: #9887FF; } .crash-yellow-mult { color: #F3D28F; } /* ---Таймер--- */ .timer:nth-child(2) { display: none; } .first:nth-child(1) { display: none; } .first:nth-child(2) { display: none; } .first:nth-child(4) { display: none; } .time-wheel>span>div:nth-child(5), .time-wheel>span>div:nth-child(2) { display: none } .time-wheel>span>div:nth-child(2)>ul>li:nth-child(2) { display: none; } .time-wheel>span>span { display: none; } .time-wheel>span>div:nth-child(5)>ul>li:nth-child(2) { display: none; } .time-wheel { display: flex; font-size: 3em; font-weight: 600; color: rgb(204, 204, 204); font-family: Verdana, sans-serif; /* margin-bottom: 5px; */ padding-bottom: 5px; margin-left: -2px; } /* ---История--- */ .user_game_lack { display: flex; /* justify-content: center; */ align-items: center; width: 100%; border: none; border-radius: 0.5rem !important; font-weight: 700; font-size: 0.8rem; color: #cddbff; text-align: center; text-transform: uppercase; white-space: nowrap; background-color: #242C53; display: flex; height: 4em; min-height: 4em; } .bet-crash { font-size: 13px; font-weight: 800; /* margin-left: 2em; margin-right: 4em; */ } .x-bet-crash { font-size: larger; font-weight: 800; /* margin-right: 5em; margin-left:1em; */ /* color: #81e478; */ } .bet-win-crash { font-size: larger; font-weight: 800; /* margin-left:2em; */ } .win-game .bet-win-crash { color: #81e478; } .lose-game .bet-win-crash { color: #FB4C3A; } .win-game .x-bet-crash { color: #81e478; } .lose-game .x-bet-crash { color: #FB4C3A; } .bet-info { display: flex; align-items: center; /* gap: 3%; */ width: 100%; justify-content: end; } .bet-crash, .x-bet-crash { min-width: 30%; justify-content: end; } .bet-win-crash { min-width: 40%; justify-content: center; } /* ---PopUpBet */ .custom-html-popup { display: flex; flex-direction: column; justify-content: center; align-items: center; } .custom-html-popup img { margin-bottom: 20px; margin-top: 20px } .custom-html-popup h2 { margin-bottom: 5px; font-size: 28px; font-weight: 700; } /* История */ .history-spinner { width: 50em; overflow-x: auto; } .history-spinner-text-btn { align-items: center !important; } /* .history-spinner-font-btn{ font-size:16px; } */ .history-spinner-font-btn svg { width: 30px; height: 30px; } .form-switch input { margin-top: 13px !important; } .x-crash-history { width: inherit; margin-right: 6px; } .container-x-history { padding: 10px 20px; font-size: 18px; font-weight: bold; border-radius: 8px; min-width: 100px; justify-content: center; display: flex; } .color-x-index { color: #fff; box-shadow: inset 0 0 20px 15px rgba(0, 144, 255, 0.8); } .color-x-red { color: #f38f8f; background: linear-gradient(180deg, rgba(216, 87, 87, 0.119) 0%, rgba(218, 87, 87, 0.34) 100%); } .color-x-blue { color: #769CFF; background: linear-gradient(180deg, rgba(90, 96, 228, .119) 0%, rgba(88, 103, 236, .34) 100%); } .color-x-green { color: #6FCF95; background: linear-gradient(180deg, rgba(43, 172, 71, .119) 0%, rgba(74, 202, 110, .34) 100%); } .color-x-purple { color: #9887FF; background: linear-gradient(180deg, rgba(109, 74, 208, .119) 0%, rgba(116, 80, 217, .34) 100%); } .color-x-yellow { color: #F3D28F; background: linear-gradient(180deg, rgba(216, 164, 87, .119) 0%, rgba(218, 197, 87, .34) 100%); } .res-crash-history { /* padding-left: 37px !important; */ } .info-era-crash:hover { color: rgb(165, 182, 224) !important; } .win-bet-history { color: #69C17D; } .lose-bet-history { color: crimson; } /* Flame */ .flame { position: absolute; bottom: 60px; left: 42.8%; transform: rotate(45deg); /* height: 5em; */ background: linear-gradient(to top, red, orange); border-radius: 5.5em 5.5em 0 5.5em; animation: 0.1s flame infinite; z-index: -1; /* background: linear-gradient(-45deg, red, orange); */ transform: rotate(45deg); -webkit-animation: 0.1s flame infinite; animation: 0.1s flame infinite; filter: blur(10px); } .flame::before, .flame::after { content: ""; position: absolute; width: 2.5em; height: 3em; background: linear-gradient(to top, red, orange); /* background: linear-gradient(-45deg, red, orange); */ border-radius: 4em 4em 0 4em; animation: flame 0.2s infinite; top: 0.5em; left: 50%; transform: translateX(-50%) scale(0.8) rotate(45deg); } .flame::before { top: 0; animation-duration: 0.09s; transform: translateX(-50%) scale(0.9) translate(0.5em, 0) rotate(45deg); } @keyframes flame { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } .rocket-crash img { animation: 0.5s shake infinite; } @keyframes shake { 0% { transform: translateX(0); } 25% { transform: translateX(-2px); } 50% { transform: translateX(2px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); } } .flame-smoke { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: -2; animation: smokeFall 0.3s infinite linear; opacity: 1; } .flame-smoke img { width: 150px; height: 50px; display: block; filter: blur(1px) brightness(320%) contrast(350%) saturate(350%); } /* Анимация для дыма */ @keyframes smokeFall { 0% { transform: translateX(-50%) translateY(0); opacity: 1; } 100% { transform: translateX(-50%) translateY(50px); opacity: 1; } } #DisplayGame { background-image: url('./images/crash2/fon.png') !important; background-repeat: repeat-x; background-size: auto 100%; background-attachment: fixed; animation: moveBackgroundParallax 80s linear infinite; will-change: background-position; overflow: hidden; } @keyframes moveBackgroundParallax { from { background-position: 0 0; } to { background-position: -2000px 0; } } #wrapper-box { position: absolute; bottom: -50px; left: 55%; transform: translateX(-50%); z-index: -1; rotate: 15deg; /* animation: 0.5s shake infinite; */ } #wrapper { width: 400px; height: 400px; position: relative; filter: contrast(120%); animation: 0.5s shake infinite; } .particle { width: 0.8em; height: 0.8em; border-radius: 50%; background-image: radial-gradient(closest-side, rgba(255, 87, 34, 0.9) 0%, rgba(255, 111, 0, 0.8) 50%, rgba(255, 143, 0, 0.65) 65%, rgba(255, 160, 0, 0.5) 75.5%, rgba(255, 193, 7, 0.35) 82.85%, rgba(255, 213, 79, 0.25) 88%, rgba(255, 235, 59, 0) 100%); position: absolute; bottom: 0; left: 45%; mix-blend-mode: screen; animation-duration: 1500ms; animation-iteration-count: infinite; animation-timing-function: linear; animation-fill-mode: backwards; transform-origin: 50% 0; transform: rotate(180deg); /* Переворот на 180 градусов */ } .rocket-container { position: absolute; left: 0; bottom: 0; z-index: 10; pointer-events: none; transform: translateY(-2em); } @keyframes hover-effect { 0% { transform: translateY(-2em) rotate(0deg); } 50% { transform: translateY(calc(-2em - 5px)) rotate(0deg); } 100% { transform: translateY(-2em) rotate(0deg); } } .line-container { position: relative; /* width: 80%; */ /* height: 100px; */ margin: 50px auto; } .line-container-box { position: absolute; width: 80%; height: 30%; top: 40%; } .svg-line { width: 100%; height: 100%; } .line-container .path { fill: none; stroke: #2ecc71; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 1100; stroke-dashoffset: 1000; } .line-container .area { fill: rgba(46, 204, 113, 0.5); opacity: 0; } .animated .path { animation: draw 2s ease-in-out forwards; } .animated .area { animation: fade-in 1s ease-in-out forwards; animation-delay: 2s; } @keyframes draw { to { stroke-dashoffset: 0; } } @keyframes fade-in { to { opacity: 1; stroke-dashoffset: 0; } } .rocket-container { position: absolute; left: 0; bottom: 0; z-index: 10; pointer-events: none; transition: transform 0.1s ease; } .rocket-container .rocket-crash { position: relative; bottom: auto; left: auto; transform: rotate(45deg); transition: transform 0.5s ease; } @keyframes hover-effect { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-5px) rotate(0deg); } 100% { transform: translateY(0) rotate(0deg); } } .mountains { height: 12.5em; width: 7.5em; background-color: #144569; position: absolute; bottom: -0.62em; top: 75%; transform: rotate(-50deg); } .mountains-1 { left: 0%; } .mountains-2 { left: 40%; } .mountains-3 { left: 75%; } .mountains-4 { left: 120%; } .mountains-5 { left: 160%; } .mountains-6 { left: 195%; } .mountains:before { content: ""; position: absolute; height: 5em; width: 8.75em; background-color: #144569; left: 3.12em; bottom: 1.25em; transform: rotate(-90deg); } .mountains:after { content: ""; position: absolute; height: 6.25em; width: 11em; background-color: #144569; left: 4.4em; bottom: -6.7em; transform: rotate(20deg); } .moon { height: 2.2em; width: 2.2em; background-color: #ffffff; position: absolute; left: 15.62em; top: 5.4em; border-radius: 50%; box-shadow: 0 0 0 0.62em rgba(32, 105, 149, 0.6), 0 0 0 1.25em rgba(32, 105, 149, 0.5), 0 0 0 1.9em rgba(32, 105, 149, 0.4); } .moon:before { content: ""; position: absolute; background-color: #ebefe7; height: 0.62em; width: 0.62em; border-radius: 50%; top: 0.5em; left: 0.37em; } .moon:after { content: ""; position: absolute; background-color: #ebefe7; height: 0.43em; width: 0.43em; border-radius: 50%; top: 1.25em; left: 0.75em; } .star, .star:before, .star:after { height: 0.18em; width: 0.18em; background-color: #ffffff; position: absolute; border-radius: 50%; opacity: 0.3; animation: twinkle 2s infinite; } @keyframes twinkle { 50% { opacity: 1; } } .star-1 { top: 5em; left: 18.75em; } .star-1:before { content: ""; top: 1.9em; left: -16.4em; animation-delay: 0.3s; } .star-1:after { content: ""; left: -12.8em; top: 5em; animation-delay: 0.7s; } .star-2 { left: 11.25em; top: 3.12em; animation-delay: 0.2s; } .star-2:before { content: ""; left: 2.5em; top: 8.75em; animation-delay: 0.9s; } .star-2:after { content: ""; left: 7.5em; top: 6.25em; animation-delay: 0.35s; } .star-3 { left: 15em; top: 1.9em; animation-delay: 0.1s; } .star-3:before { content: ""; top: 5em; left: -0.93em; } .star-4 { left: 25em; top: 2.5em; animation-delay: 0.5s; } .star-4:before { content: ""; top: 3em; left: 2em; animation-delay: 0.6s; } .star-4:after { content: ""; top: 7em; left: -5em; animation-delay: 0.8s; } .star-5 { left: 30em; top: 4em; animation-delay: 0.3s; } .star-5:before { content: ""; top: -2em; left: -3em; animation-delay: 0.4s; } .star-5:after { content: ""; top: 3em; left: -10em; animation-delay: 0.7s; } /* Звезды справа */ .star-6 { left: 35em; top: 3em; animation-delay: 0.2s; } .star-6:before { content: ""; top: 4em; left: 3em; animation-delay: 0.5s; } .star-6:after { content: ""; top: -2em; left: 5em; animation-delay: 0.9s; } .star-7 { left: 40em; top: 5em; animation-delay: 0.4s; } .star-7:before { content: ""; top: -3em; left: 2em; animation-delay: 0.1s; } .star-7:after { content: ""; top: 2em; left: -4em; animation-delay: 0.6s; } .star-8 { left: 45em; top: 2em; animation-delay: 0.3s; } .star-8:before { content: ""; top: 5em; left: -2em; animation-delay: 0.7s; } .star-8:after { content: ""; top: 3em; left: 3em; animation-delay: 0.2s; } .shooting-star { height: 0.18em; width: 2.5em; background-color: #ffffff; transform: rotate(-30deg); position: absolute; right: -0.62em; top: 3em; opacity: 0.2; animation: shooting-str 5s infinite; } @media screen and (min-width: 500px) { .crash-box-back { font-size: 22px; } } .toggle-switch-container { display: flex; align-items: center; position: relative; margin-left: 10px; cursor: pointer; height: 40px; } .toggle-switch-input { position: absolute; opacity: 0; height: 0; width: 0; } .toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; background-color: #3b4673; border-radius: 12px; transition: all 0.3s; } .toggle-switch:before { content: ""; position: absolute; width: 18px; height: 18px; left: 3px; bottom: 3px; background-color: #fff; border-radius: 50%; transition: all 0.3s; } .toggle-switch-container:hover .toggle-switch { background-color: #4d5a8e; } .toggle-switch-input:checked+.toggle-switch:before { transform: translateX(20px); background-color: #80BF6F; } .ml-2 { margin-left: 10px; } .crash-x-block.disabled { opacity: 0.5; pointer-events: none; } #stake-button-btn-end { background-color: #8448d6 !important; color: white !important; font-weight: 500 !important; } .in-withdraw { padding-bottom: 11.5px !important; padding-top: 11.5px !important; } .jetpack-boom { width: 265px; height: 265px; background-image: url('img/boom-jetpack.png'); position: absolute; bottom: -50px; left: 55%; transform: translateX(-50%); z-index: 3; opacity: 0; } .jetpack-boom.boom-animation { opacity: 1; animation: test .8s steps(9); } @keyframes test { 0% { background-position: 0 0; } 100% { background-position: -2385px 0; } } .stake-index-btn { background-color: #3B4673; flex: 1 1 100%; height: 50px; padding: .4rem .1rem; border: none; border-radius: .8rem; font-size: 1.5rem; font-weight: 700; line-height: 1.5rem; display: flex; justify-content: center; align-items: center; /* align-content: center; */ /* margin: 0px; */ /* padding: 3% 3%; */ color: #f8f9fa !important; margin: 5px; } .wheel-blue { color: #769CFF; background: linear-gradient(180deg, rgba(90, 96, 228, .119) 0%, rgba(88, 103, 236, .9) 100%); Margin-left: 0px; } .wheel-green { color: #6FCF95; background: linear-gradient(180deg, rgba(43, 172, 71, .119) 0%, rgba(74, 202, 110, .9) 100%); } .wheel-purple { color: #9887FF; background: linear-gradient(180deg, rgba(109, 74, 208, .119) 0%, rgba(116, 80, 217, .9) 100%); } .wheel-yellow { color: #F3D28F; background: linear-gradient(180deg, rgba(216, 164, 87, .119) 0%, rgba(218, 197, 87, .9) 100%); Margin-right: 0px; } .time-wheel { display: flex; font-size: 28px; font-weight: 600; color: rgb(204, 204, 204); font-family: Verdana, sans-serif; /* margin-bottom: 5px; */ padding-bottom: 5px; margin-left: -2px; justify-content: center; } .text-timer-wheel { margin-bottom: 2em; display: flex; justify-content: center; } .wheel-box { background-color: #28365D; transition: background-size 0.5s ease; display: flex; flex-direction: column; height: 25.9375em; position: relative; padding: 20px; border-radius: 10px; margin-bottom: 15px; } .block-info-wheel { display: flex; align-items: center; position: absolute; bottom: 0%; right: 1%; white-space: nowrap; width: auto; min-width: fit-content; overflow: visible; margin-bottom: -1em; } /* Стили для блоков с информацией */ .block-info-wheel .block-game { display: flex; flex-direction: row !important; /* Горизонтальное расположение */ margin-right: 10px; white-space: nowrap; } /* Стиль для блока с информацией о банке */ .block-info-wheel .block-game-info { display: flex; align-items: center; white-space: nowrap; margin-left: 5px; /* Отступ от иконки */ } /* Стили для иконок */ .block-info-wheel .svg-money, .block-info-wheel .img-players { width: 1.5em; height: 1.5em; } .semi-circle { width: 70%; height: 100%; background: linear-gradient(#101731 60%, #194169 20%, #101731); border-radius: 50%; position: absolute; top: -60%; left: 126px; border: 8px solid rgb(204, 204, 204); ; z-index: 1; } .semi-circle-wheel { width: 120%; height: 250%; background-color: #101731; border-radius: 50%; position: absolute; top: -185%; left: -80px; /* border: 8px solid white; */ z-index: 0; } .time-wheel { z-index: 10; font-size: 3em !important; font-weight: 800; padding-left: 2px; min-height: 63px; } .text-timer-wheel { z-index: 10; font-size: 20px; } .block-wheel { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 5px; font-weight: bold; border-radius: .8rem; font-size: 1.5em; } .block-wheel-x2 { background: linear-gradient(270deg, rgba(90, 96, 228, .5) 0%, rgba(88, 103, 236, .9) 100%); color: white; text-transform: lowercase; } .block-wheel-x3 { background: linear-gradient(270deg, rgba(43, 172, 71, .5) 0%, rgba(74, 202, 110, .9) 100%); color: white; text-transform: lowercase; } .block-wheel-x5 { background: linear-gradient(270deg, rgba(109, 74, 208, .5) 0%, rgba(116, 80, 217, .9) 100%); color: white; text-transform: lowercase; } .block-wheel-x34 { background: linear-gradient(270deg, rgba(216, 164, 87, .5) 0%, rgba(218, 197, 87, .9) 100%); color: white; text-transform: lowercase; } /* .block-wheel-t { background: linear-gradient(270deg, rgba(216, 164, 87, .5) 0%, rgba(218, 145, 0, .9) 100%); color: white; } */ .block-wheel-t { background: linear-gradient(270deg, rgba(216, 164, 87, .5) 0%, rgba(218, 145, 0, .9) 100%); color: white; position: relative; /* padding-left: 25px; */ } .block-wheel-t::before { content: ''; background-image: url('../../../images/wheel/ticket.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 2.2em; height: 3em; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } /* .block-wheel-x2 { background: linear-gradient(270deg, rgba(90, 96, 228, .119) 0%, rgba(88, 103, 236, .9) 100%); color: white; text-transform: lowercase; } .block-wheel-x3 { background: linear-gradient(270deg, rgba(43, 172, 71, .119) 0%, rgba(74, 202, 110, .9) 100%); color: white; text-transform: lowercase; } .block-wheel-x5 { background: linear-gradient(270deg, rgba(109, 74, 208, .119) 0%, rgba(116, 80, 217, .9) 100%); color: white; text-transform: lowercase; } .block-wheel-x34 { background: linear-gradient(270deg, rgba(216, 164, 87, .319) 0%, rgba(218, 197, 87, .9) 100%); color: white; text-transform: lowercase; } .block-wheel-t { background: linear-gradient(270deg, rgba(216, 164, 87, .319) 0%, rgba(218, 145, 0, .9) 100% ); color: white; } */ /* .wheel-indexs-game { display: flex !important; align-items: center; flex-wrap: wrap; margin-left: -60.5%; margin-top: -25%; } */ .wheel-fixed-container { position: relative; width: 800px; height: 450px; margin: 0 auto; overflow: visible; } .wheel-container { position: absolute; width: 100%; height: 100%; } .wheel-indexs-game { position: absolute; top: -130%; /* top: -135%; */ left: -0.85%; width: 805px; height: 100%; } .block-wheel { position: absolute; width: 60px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 6px; font-weight: bold; color: white; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; transform-origin: center center; filter: brightness(0.6); opacity: 0.8; } .block-wheel.passing-pointer { filter: brightness(1.5) !important; box-shadow: 0 0 15px rgba(255, 255, 255, 0.8) !important; z-index: 20 !important; opacity: 1 !important; } @keyframes pulse { from { box-shadow: 0 0 5px 2px gold; } to { box-shadow: 0 0 15px 5px gold; } } .highlight { animation: pulse 1.5s infinite alternate; z-index: 100 !important; filter: brightness(1.5) !important; opacity: 1 !important; } .wheel-pointer { position: absolute; bottom: 63%; left: 50%; transform: translateX(-50%); width: 40px; height: 50px; background-color: rgb(165, 182, 224); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @keyframes glow { from { box-shadow: 0 0 5px 2px rgba(255, 87, 34, 0.7); } to { box-shadow: 0 0 15px 5px rgba(255, 87, 34, 0.7); } } .wheel-pointer { animation: glow 1.5s infinite alternate; } .test-info-block { position: absolute; top: 20px; left: 90%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 10px 20px; border-radius: 8px; font-size: 16px; z-index: 300; text-align: center; min-width: 200px; } .test-info-block h3 { margin: 0 0 10px 0; color: #ffcc00; } .test-info-block p { margin: 5px 0; } .test-info-block .value { font-weight: bold; color: #ffcc00; } /* --------------------- */ .info-bet-index { height: 30em; overflow-y: visible; /* overflow-x: hidden; */ display: flex; flex-direction: row; margin-top: 1em; } .col-index-bet { width: 22%; } .info-box { align-items: center; width: 100%; border: none; border-radius: 0.5rem !important; font-weight: 700; font-size: 0.8rem; color: #cddbff; text-align: center; text-transform: uppercase; white-space: nowrap; /* background-color: #242C53; */ display: flex; height: 30em; flex-direction: column; overflow-y: auto; max-height: 355.14px; } .start-bet-index { border: none; border-radius: 0.5rem !important; font-weight: 700; font-size: 0.8rem; color: #cddbff; text-align: center; text-transform: uppercase; white-space: nowrap; /* background-color: #242C53; */ height: 4em; } .start-bet-index.x2-index { background: linear-gradient(90deg, #6A91D2 0%, rgba(106, 145, 210, 0.4) 40%, #242C53 85%); } .start-bet-index.x3-index { background: linear-gradient(90deg, #57BA81 0%, rgba(87, 186, 129, 0.4) 40%, #242C53 85%); } .start-bet-index.x5-index { background: linear-gradient(90deg, #8077EE 0%, rgba(128, 119, 238, 0.4) 40%, #242C53 85%); } .start-bet-index.x34-index { background: linear-gradient(90deg, #D3C186 0%, rgba(211, 193, 134, 0.4) 40%, #242C53 85%); } .x2-index.win-index { box-shadow: 0 0 10px 5px #6A91D2; filter: brightness(1.2); } .x3-index.win-index { /* background: linear-gradient(90deg, #57BA81 0%, #242C53 65%); */ box-shadow: 0 0 10px 5px #57BA81; filter: brightness(1.2); } .x5-index.win-index { /* background: linear-gradient(90deg, #8077EE 0%, #242C53 65%); */ box-shadow: 0 0 10px 5px #8077EE; filter: brightness(1.2); } .x34-index.win-index { /* background: linear-gradient(90deg, #D3C186 0%, #242C53 65%); */ box-shadow: 0 0 10px 5px #D3C186; filter: brightness(1.2); } .index-bet { width: 33%; font-size: 2em; text-transform: lowercase; display: flex; align-items: center; } .index-bank { width: 33%; display: flex; align-items: center; font-size: 1.2em; font-weight: 600; } .index-player { width: 34%; display: flex; align-items: center; justify-content: end; font-size: 1.2em; font-weight: 600; } .index-player .img-players { width: 1.1em; margin-right: 5px; } .stake-auto-index { display: flex; position: relative; } .stake-auto-index:hover .stake-index-btn { opacity: 0.5; } .stake-auto-index:hover .stake-index-btn:hover { opacity: 1; transform: scale(1.05); z-index: 1; box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); } .stake-index-btn.active { opacity: 1 !important; filter: brightness(1.2); transform: scale(1.05); z-index: 2; box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); } .stake-auto-index[data-xon] .stake-index-btn:not(.active) { opacity: 0.4; } .stake-auto-index[data-xon] .stake-index-btn:not(.active):hover { opacity: 0.7; } .block-wheel { transition: none !important; transform-origin: 50% 50%; } .nick-his { width: 214px; } /* -----Результы----- */ .semi-circle-wheel-res { width: 115%; height: 241%; background-color: #101731; border-radius: 50%; position: absolute; top: -170%; left: -80.5px; /* border: 8px solid white; */ z-index: 0; } .semi-circle-res { width: 65%; height: 100%; background: linear-gradient(#101731 60%, #194169 20%, #101731); border-radius: 50%; position: absolute; top: -60%; left: 181.79px; border: 8px solid rgb(204, 204, 204); z-index: 1; } .wheel-pointer-res { position: absolute; bottom: 29%; left: 50%; transform: translateX(-50%); width: 40px; height: 50px; background-color: rgb(165, 182, 224); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); z-index: 200; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .res-wheel { /* margin-left: -1%; */ } .win-amount { color: #81e478 !important; } .lose-amount { color: #FB4C3A !important; }