*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } *, *::before, *::after { box-sizing: border-box; } html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } a, button { cursor: revert; } ol, ul, menu { list-style: none; } img { } table { border-collapse: collapse; } input, textarea { -webkit-user-select: auto; } textarea { white-space: revert; } meter { -webkit-appearance: revert; appearance: revert; } :where(pre) { all: revert; box-sizing: border-box; } ::placeholder { color: unset; } ::marker { content: initial; } :where([hidden]) { display: none; } :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } :where([draggable="true"]) { -webkit-user-drag: element; } :where(dialog:modal) { all: revert; box-sizing: border-box; } .game-header .game-header-box { display: flex; flex-grow: 1; justify-content: center; align-items: center; } .game-header .game-name { font-size: 21px; line-height: 1; font-weight: 800; color: #ffffff; text-transform: uppercase; margin-right: 6px; display: flex; align-items: center; transition: margin-right 0.3s linear; overflow: hidden; } .game-header .game-name span { color: #86898D; overflow: hidden; width: 70px; text-align: center; transition: width 0.3s linear; margin-left: 5px; } .game-header .game-name.hide-demo { font-weight: 900; margin-right: 12px; } .game-header .game-name.hide-demo span { width: 0; overflow: hidden; } .game-header .btn-donate { background: linear-gradient(90deg, #73ABF9 0%, #4578DE 66%); border-radius: 8px; color: #ffffff; font-size: 11px; font-weight: 600; padding: 8px 10px 8px 35px; position: relative; border: none; white-space: nowrap; text-shadow: -1px 0px 0 #2C3035, 1px 0px 0 #2C3035, 0px -1px 0 #2C3035, 0px 1px 0 #2C3035; } .game-header .btn-donate:before { position: absolute; top: 50%; margin-top: -1px; left: 9px; background: url(/res/images/game-common/ico-diamond.svg) no-repeat; background-size: 100% auto; width: 20px; height: 17px; transition: all 0.3s linear; transform: translate(0, -50%); content: ''; } .game-header .btn-donate.demo-mode:before { background: url(/res/images/game-common/ico-shard.svg) no-repeat; width: 22px; height: 19px; left: 7px; background-size: 100% auto; } .game-header .icon { flex-shrink: 0; } .deposit-address-input { width: 100%; min-height: 58px; height: auto; resize: none; overflow: hidden; white-space: normal; word-break: break-all; overflow-wrap: anywhere; line-height: 1.25; padding-right: 48px; } .deposit-address-input-long { min-height: 86px; font-size: 14px; line-height: 1.28; }@media (max-width: 480px) { .game-header .game-name { font-size: 18px; } .game-header .icon { margin-right: 5px; } .game-header .game-name span { width: 60px; } }html, body { background: #090F1D; font-size: 15px; font-weight: 400; font-family: "Montserrat", Arial, sans-serif; font-optical-sizing: auto; height: 100%; overscroll-behavior: none !important; margin: 0; padding: 0; box-sizing: border-box; text-align: left; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #app { height: 100%; } :root { overscroll-behavior: none !important; overflow-x: hidden; } .fs-13 { font-size: 13px; } .color-default { color: #CBD5E0; } .color-white { color: #fff; } body .h-a { height: auto; } .pt-7 { padding-top: 7px; } .mt-2 { margin-top: 2px; } .ai-b { align-items: baseline; } .l-0 { left: 0; } .r-0 { right: 0; } .w-fc { width: fit-content; } .br-150 { border-radius: 150px; } body .p-a { position: absolute; } .main { margin: 0 auto; width: 390px; display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; } body .ai-fe { align-items: flex-end; } .header { position: fixed; position: absolute; top: 0; left: 0; z-index: 999; width: 100%; box-sizing: border-box; } textarea { word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap; height: auto; } body .p-50 { padding: 50px; } header { flex: 0 0 100px; width: 100%; padding: 10px 3px 10px 3px; display: flex; align-items: center; justify-content: space-between; width: 390px; margin: 0 auto; background-color: #090F1D; } .header-buttons { width: 386px; margin: 0; background-color: #090F1D; border-radius: 0 0 15px 15px; } .header-buttons>.d-f { padding-right: 0px; padding-left: 0px; } .header-buttons { display: none; } .btn { border-radius: 25px; background: #2e79cc; color: #ffffff; text-align: center; font-weight: 500; padding: 10px 20px; } .user-btn { text-align: center; cursor: pointer; border-radius: 50px; width: 37px; height: 37px; text-transform: uppercase; line-height: 2.05em; font-weight: bold; color: #ffffff; font-size: 18px; background: #ff5722; } .wallet { background-repeat: no-repeat; background-position: center; background-image: url(../images/wallet.svg?v2); background-size: 20px; background-color: #2e79cc; } .d-f { display: flex; column-gap: 5px; } .login-btn { width: 100%; text-align: left; position: relative; } .login-btn-inner { position: absolute; top: 0; right: 0; background: linear-gradient(165deg, rgba(66,115,175,0.65) 0%, rgba(50,95,155,0.6) 50%, rgba(58,105,165,0.55) 100%); -webkit-backdrop-filter: saturate(1.2); backdrop-filter: saturate(1.2); z-index: 9; border-radius: 25px; height: 100%; width: 160px; max-width: 49%; border: 1px solid rgba(140,190,240,0.15); display: flex; justify-content: space-between; align-items: flex-start; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 0 20px rgba(91,155,213,0.06); } .login-btn-inner-second>span {} .login-btn-inner-second { width: 75%; } .jc-e { justify-content: flex-end; } .login-btn-inner-first.active { transform: rotate(-180deg); background-position: 11px 11px; } .login-btn-inner-first { opacity: 0.85; filter: brightness(1.1); display: block; width: 40px; height: 40px; background-image: url(../images/ddwn.svg?v2); background-repeat: no-repeat; background-size: 25px; background-position: 4px 3.6px; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; user-select: none; } .login-btn.active {} .login-btn-inner-hidden { display: block; } .login-btn-inner-hidden>span {} .login-btn-inner.active { height: auto; border-radius: 17px; padding-bottom: 10px; background: linear-gradient(165deg, rgba(91,155,213,0.22) 0%, rgba(60,120,190,0.14) 50%, rgba(91,155,213,0.10) 100%); backdrop-filter: blur(20px) saturate(1.2); -webkit-backdrop-filter: blur(20px) saturate(1.2); border: 1px solid rgba(140,190,240,0.2); } .login-btn-inner-second-first { height: 32px; } .login-btn-inner-hidden { display: flex; justify-content: flex-end; flex-direction: column; text-align: right; gap: 5px; } .d-ib { display: inline-block; } .login-btn-inner-hidden>span { padding-right: 10px; } header .logo { background-repeat: no-repeat; background-position: center; background-image: url(../images/android-chrome-512x512.png?v2); background-image: url(../images/logow.svg?v2); background-size: contain; width: 40px; height: 40px; border: 1px solid #686868; border-radius: 9px; } .component { width: 100%; padding: 20px 5px; color: #CBD5E0; padding-top: 10px; position: relative; padding-bottom: 0; } .main.main-tg-app { margin-top: 70px; } .main.main-tg-app.main-tg-app-apple { margin-top: 95px; } .main.main-tg-app .component { padding-top: 0px; } .component.home { color: #b1b1b1; text-align: justify; } h1 { display: block; margin-bottom: 15px; font-size: 20px; font-weight: 600; } h2 { display: block; margin-bottom: 15px; font-size: 16px; font-weight: 500; } footer { flex: 0 0 100px; width: 100%; color: #686868; font-weight: 400; padding: 15px 15px; font-size: 12px; display: flex; justify-content: space-between; } .c-p, .c-ph { cursor: pointer; } .c-ph:hover { text-decoration: underline; } .c-w { color: #ffffff; } .c-b { color: #000000; } .jc-c { justify-content: center; } .w-28 { width: 28px !important; } .h-28 { height: 28px !important; } .w-80p { width: 80%; } .ai-c { align-items: center; } .pre-footer { display: flex; flex-direction: column; gap: 5px; padding: 0px 5px; margin: 30px 0; padding-left: 15px; margin-bottom: 80px; } .pre-footer>div {} body .d-n { display: none; } .link, .link-b { color: #CBD5E0; font-weight: 500; font-size: 13px; line-height: 20px; cursor: pointer; } .link.active, .link-b.active { color: #000000; } .link-b { display: block; } .icon { background-position: center; background-repeat: no-repeat; background-size: contain; width: 17px; height: 17px; } .icon2 { background-position: center; background-repeat: no-repeat; } .mtb-15 { margin: 15px 0; } .tt-c { text-transform: capitalize; } .tt-u { text-transform: uppercase; } .mt-5 { margin-top: 5px; } .fw-b { font-weight: bold; } .pl-10 { padding-left: 10px; } .pr-10 { padding-right: 10px; } .pr-5 { padding-right: 5px; } .ml-10 { margin-left: 10px; } .mr-10 { margin-right: 10px; } .mr-20 { margin-right: 20px; } .ml-5 { margin-left: 5px; } .mr-5 { margin-right: 5px; } .fw-800 { font-weight: 800; } .fw-600 { font-weight: 600; } .tab { background-color: #2C3642; padding: 0 5px; border-radius: 30px; cursor: pointer; border: 2px solid #2C3642; font-weight: 400; text-transform: uppercase; text-align: center; user-select: none; background-image: url(../images/icon_deposit.svg?v3); background-repeat: no-repeat; background-position: 4px 4px; background-size: 26px; filter: grayscale(1); overflow: hidden; text-overflow: ellipsis; width: 160px; height: 38.4px; } .tab>span { display: block; font-size: 12px; font-weight: 600; } .hidden-scroll { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .hidden-scroll::-webkit-scrollbar { display: none; } .hide-scroll { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .hide-scroll::-webkit-scrollbar { display: none; } .fw-nw { flex-wrap: nowrap; } .o-a { overflow: auto; } .tab-w { background-image: url(../images/icon_w.svg?v3); background-position: 4px 5px; } .tab-h { background-image: url(../images/icon_h.svg?v3); background-position: 4px 5px; } .tab.active { background-color: #2e79cc; border: 2px solid #2e79cc; filter: unset; } .jc-sb { justify-content: space-between; } .hr { width: 100%; height: 1px; background: #ffffff; } .mb-15 { margin-bottom: 15px; } .mt-40 { margin-top: 40px; } .fw-500 { font-weight: 500; } .fs-12 { font-size: 12px; } .fs-21 { font-size: 21px; } .w-30 { width: 30%; } .w-32 { width: 32%; } .w-50 { width: 50%; } .w-49 { width: 49%; } .w-75p { width: 75%; } .w-85p { width: 85%; } .g-10 { gap: 10px; } .g-15 { gap: 15px; } .g-20 { gap: 20px; } .bs-bb { box-sizing: border-box; } .fw-w { flex-wrap: wrap; } .bg-second { background-color: #161C32; } .p-50 { padding: 50px; } .br-10p { border-radius: 10%; } .br-5p { border-radius: 5%; } .big-btn { color: #ffffff; background-color: #161C32; padding: 10px; text-align: center; border-radius: 15px; cursor: pointer; height: 100%; } .mt-2 { margin-top: 2px; } .oy-a { overflow-y: auto; } .oy-h { overflow-y: hidden; } .ox-a { overflow-x: auto; } .maw-100p { max-width: 100%; } body .mb-0 { margin-bottom: 0; } body .mt-0 { margin-top: 0; } .ml-15 { margin-left: 15px; } .g-0 { gap: 0; } .fg-1 { flex-grow: 1; } .c-s { color: #B0B4B9; } .mtb-10 { margin-top: 10px; margin-bottom: 10px; } .mb-10 { margin-bottom: 10px; } .mt-10 { margin-top: 10px; } .ta-r { text-align: right; } .ta-l { text-align: left; } .fs-15 { font-size: 15px; } .fs-10 { font-size: 10px; } .ai-st { align-items: stretch; } .h-100p { height: 100%; } .mb-30 { margin-bottom: 30px; } .br-15 { border-radius: 15px; } .br-13 { border-radius: 13px; } .mb-5 { margin-bottom: 5px; } .ta-c { text-align: center; } .mt-30 { margin-top: 30px; } .mt-15 { margin-top: 15px; } .rg-10 { row-gap: 10px; } .rg-8 { row-gap: 8px; } .rg-7 { row-gap: 7px; } .fs-17 { font-size: 17px; } .history-block { background-color: #8f8f8f; padding: 20px; color: #000; } .w-47p { width: 47%; } .w-48p { width: 48%; } .w-49p { width: 49%; } .rg-20 { row-gap: 20px; } .tt-u { text-transform: uppercase; } .pl-30 { padding-left: 30px; } .pl-5 { padding-left: 5px; } .pl-20 { padding-left: 20px; } .pr-20 { padding-right: 20px; } .ml-30 { margin-left: 30px; } .pr-15 { padding-right: 15px; } .pl-15 { padding-left: 15px; } .w-70p { width: 70%; } .m-0a { margin: 0 auto; } .w-35 { width: 35px; } .h-35 { height: 35px; } .w-33 { width: 33px; } .h-33 { height: 33px; } .w-30 { width: 30px; } .h-30 { height: 30px; } .w-45 { width: 45px; } .h-45 { height: 45px; } .fxd1 { position: fixed; top: 0; left: 0; width: 100%; } .pt-15 { padding-top: 15px; } .pt-10 { padding-top: 10px; } .w-100p { width: 100%; } .d-b { display: block; } .input { background-color: #222A3F; border-radius: 6px; padding: 10px; font-family: "Montserrat", Arial, sans-serif; font-size: 15px; display: block; width: 100%; } input::placeholder { opacity: 0.6; } .btn-inactive { pointer-events: none !important; opacity: 0.6 !important; } body .fd-c { flex-direction: column; } .label { font-size: 9px; font-weight: 800; color: #161C32; border-radius: 15px; background: #FE0; width: auto; white-space: nowrap; padding: 3px 10px; display: inline-block; height: fit-content; } .ws-nw { white-space: nowrap; } .label-green { color: #00FF3C; background-color: rgba(0, 255, 60, 0.30); } .label-orange { color: #FF8B00; background: rgba(247, 150, 33, 0.30); } .copy-icon { background-image: url(../images/copy.svg?v2); background-repeat: no-repeat; background-position: 98%; background-size: 24px; padding-right: 44px; cursor: pointer; } .loader { height: 1.5px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999999; overflow: hidden; background-color: transparent; } .loader:before { display: block; position: absolute; content: ""; left: -200px; width: 3000px; height: 1.5px; background-color: #0079DD; animation: loading 2s linear infinite; } @keyframes loading { from { left: -200px; width: 30%; } to { left: 100%; } } .mes { width: 100%; position: fixed; bottom: 75px; left: 0px; height: 100px; z-index: 2147483647; overflow: hidden; display: flex; align-items: center; justify-content: center; } .mes > div { color: #ffffff; text-align: center; font-weight: 600; padding: 15px 30px; border-radius: 17px; width: 90%; max-width: 450px; font-size: 14px; display: flex; justify-content: center; align-items: center; column-gap: 10px; backdrop-filter: blur(20px) saturate(1.2); -webkit-backdrop-filter: blur(20px) saturate(1.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 0 20px rgba(0,0,0,0.15); } iframe { position: relative; z-index: 1; } body .jc-fs { justify-content: flex-start; } body .m-0 { margin: 0; } body .fs-10 { font-size: 10px; } body .fs-20 { font-size: 20px; } body .fs-11 { font-size: 11px; } body .fs-23 { font-size: 23px; } body .fs-25 { font-size: 25px; } body .lh-15 { line-height: 15px; } body .p-r { position: relative; } body .zi-20 { z-index: 20; } body .p-25 { padding: 25px; } body .p-5 { padding: 5px; } body .p-10 { padding: 10px; } body .p-15 { padding: 15px; } body .pt-25 { padding-top: 25px; } body .pt-20 { padding-top: 20px; } body .pb-25 { padding-bottom: 25px; } body .pb-20 { padding-bottom: 20px; } body .pb-10 { padding-bottom: 10px; } body .pb-15 { padding-bottom: 15px; } body .mt-20 { margin-top: 20px; } body .mb-25 { margin-bottom: 25px; } body .mb-50 { margin-bottom: 50px; } body .w-10 { width: 10px; } body .h-10 { height: 10px; } body .w-15 { width: 15px; } body .w-12 { width: 12px; } body .h-15 { height: 15px; } body .h-18 { height: 18px; } body .w-20 { width: 20px; } body .w-18 { width: 18px; } body .h-20 { height: 20px; } body .h-23 { height: 23px; } body .w-25 { width: 25px; } body .w-23 { width: 23px; } body .h-25 { height: 25px; } body .w-26 { width: 26px; } body .h-26 { height: 26px; } body .h-40 { height: 40px; } body .ai-fe { align-items: flex-end; } body .c-primary { color: #2e79cc; } body .bg-dark { background-color: #222A3F; } body .br-100p { border-radius: 100%; } body .br-87 { border-radius: 87px; } body .br-17 { border-radius: 17px; } body .fs-14 { font-size: 14px; } .b-def { border: 1px solid transparent; } .bc-light { border-color: #585858b2; } .ml-a { margin-left: auto; } .mb-a { margin-bottom: auto; } .g-5 { gap: 5px; } .mb-20 { margin-bottom: 20px; } .t-8 { top: 8px; } body .bb { border-bottom: 1px solid #222A3F; } .move-right { position: relative; right: -13px; z-index: 1; } .input-icon { padding-left: 40px; background-position: 10px; background-repeat: no-repeat; background-size: 20px; } .btn-v2 { border-radius: 10px; padding: 15px 0; cursor: pointer; } .popup { display: flex; position: fixed; height: 100vh; width: 100%; z-index: 9999; justify-content: center; align-items: center; flex-direction: column; top: 0; left: 0; color: #fff; } .popup>div { background: #090F1D; max-width: 100%; max-width: 390px; height: 100%; display: flex; width: 100%; overflow-y: auto; overflow-x: hidden; padding: 10px; justify-content: center; align-items: center; flex-direction: column; } .langs { display: flex; flex-wrap: wrap; justify-content: space-around; column-gap: 10px; row-gap: 15px; } .langs>div { width: 30%; font-size: 20.25px; font-weight: 800; text-align: center; height: 59px; cursor: pointer; display: flex; align-items: center; justify-content: space-around; } .langs>div>div { border-radius: 16px; background-color: rgba(100, 171, 255, 0.2); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; column-gap: 10px; text-transform: uppercase; } .langs>div>div.active { background-color: #2e79cc; border-radius: 16px; } .btn-arr-top, .mes-cross-top { background-image: url(../images/arr-up-r.svg); background-position: right top; background-size: 20px; background-repeat: no-repeat; } .mes-cross-top { background-image: url(../images/cross.svg); background-size: 11px; background-position: 98% 20%; } body .o-0 { opacity: 0; } .history-elem { display: flex; justify-content: space-between; border-bottom: 1px solid #2C3642; padding: 5px 5px; } .history-elem>div {} .mi-a { margin-inline: auto; } .p-20 { padding: 20px; } .w-90p { width: 90%; } .w-95p { width: 95%; } .pb-5 { padding-bottom: 5px; } .w-65 { width: 65px; } .h-60 { height: 60px; } body .w-50p { width: 50%; } body .w-40p { width: 40%; } body .w-45p { width: 45%; } body .w-47p { width: 47%; } body .w-60p { width: 60%; } body .w-70p { width: 70%; } body .c-blue { color: #1187C9; } body .c-green { color: #23C911; } .return { border-radius: 152px; background: linear-gradient(0deg, rgba(44, 54, 66, 0.20) 1.1%, rgba(35, 201, 17, 0.20) 98.9%); box-shadow: 0px 6.713px 6.713px 0px rgba(0, 0, 0, 0.25); color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: space-between; height: 50px; cursor: pointer; } .return.red { background: linear-gradient(0deg, rgba(44, 54, 66, 0.20) 1.1%, rgb(255 69 17 / 20%) 98.9%); } .return>div { width: 25%; } .return>div:nth-child(2) { width: 50%; text-align: center; } .exchanging-buttons {} .exchanging-buttons>div { width: 32%; background-color: #222A3F; border-radius: 20px; padding: 4px 5px; cursor: pointer; } .exchanging-buttons>div.active { background-color: #203B6D; } body .p-r { position: relative; } .icon-on-diamond { position: absolute; top: 0; right: 0; width: 15px; height: 15px; border-radius: 100%; border: 1px solid #fff; } body .wb-ba { word-break: break-all; } body .fw-400 { font-weight: 400; } body .w-5p { width: 5%; } body .w-42p { width: 42%; } body .w-46p { width: 46%; } body .w-47p { width: 47%; } body .o-h { overflow: hidden; } body .to-e { text-overflow: ellipsis; } .loading-block-mini, .loading-block { margin-top: 20px; width: 100%; height: 300px; background: linear-gradient(90deg, #202A48 25%, #2E3A68 50%, #202A48 75%); background-size: 200% 100%; animation: wave 1.5s infinite; border-radius: 8px; } @keyframes wave { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .loading-block-mini { height: 50px; } .lang-icon { background-position: center; background-repeat: no-repeat; background-size: contain; width: 45%; height: 85%; } .status-green { color: #0ECB81; } .mes>div.mes-cross-top, .mes>div.mes-cross-top.w { background: linear-gradient(165deg, rgba(180,50,50,0.35) 0%, rgba(140,30,40,0.25) 50%, rgba(160,40,45,0.18) 100%); border: 1px solid rgba(240,100,100,0.25); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 24px rgba(200,50,50,0.12); } body .mes>div.mes-cross-top.s { background: linear-gradient(165deg, rgba(14,170,90,0.35) 0%, rgba(10,140,70,0.25) 50%, rgba(14,170,90,0.18) 100%); border: 1px solid rgba(80,220,140,0.25); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 24px rgba(14,180,90,0.12); } body .mes>div.mes-cross-top.d { background: linear-gradient(165deg, rgba(91,155,213,0.35) 0%, rgba(60,120,190,0.25) 50%, rgba(91,155,213,0.18) 100%); border: 1px solid rgba(140,190,240,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 24px rgba(91,155,213,0.12); } #loading_bar { position: fixed; top: 0; left: 0; width: 100%; height: 5px; background-color: #2e79cc; z-index: 10000; transform: translateX(-100%); animation: loading-animation 2s infinite linear; } @keyframes loading-animation { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } #qrcode>canvas, .qrcode>canvas { width: 100%; max-width: 100%; } .float-buttons { position: fixed; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); left: 50%; transform: translateX(-50%); width: calc(100% - 48px); max-width: 390px; z-index: 99999; height: auto; border-radius: 999px; background: rgba(25, 28, 35, 0.5); backdrop-filter: blur(28px) saturate(1.3); -webkit-backdrop-filter: blur(28px) saturate(1.3); border: 1px solid rgba(255, 255, 255, 0.06); padding: 4px 4px; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3); box-sizing: border-box; } .float-button { background-color: transparent; color: rgba(255, 255, 255, 0.45); overflow: hidden; flex: 1 1 0; min-width: 0; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; border-radius: 999px; transition: color 0.2s ease, background-color 0.2s ease; } .float-button:nth-child(1), .float-button:last-child { border-radius: 999px; } .float-button .icon { filter: grayscale(1) brightness(0.6); transition: filter 0.2s ease; } .float-button > div { padding: 7px 0 5px 0; border-radius: 999px; } .float-button.active { color: #fff; } .float-button.active > div { background-color: rgba(255, 255, 255, 0.12); border-radius: 999px; } .float-button.active .icon { filter: none !important; } .float-button .fs-11 { font-size: 9px; } .float-button .pt-5 { padding-top: 2px; } .float-button .pb-10 { padding-bottom: 2px; } .float-button .icon.w-26.h-26 { width: 22px; height: 22px; } .pt-5 { padding-top: 5px; } .mt-50 { margin-top: 50px; } .ws-nw { white-space: nowrap; } .o-h { overflow: hidden; } .rg-7 { row-gap: 7px; } .main-tg-app { margin-top: 90px; } .login-btn.btn { padding: 8px 20px; } header { padding: 10px 5px 10px 5px; } .small-btn { border-radius: 8px; background-color: #222A3F; padding: 10px 9px; } .small-btn.active { background-color: #0079DD; } @keyframes dots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } 100% { content: ""; } } .loading-1::after { content: ""; animation: dots 1.5s steps(4, end) infinite; display: inline-block; width: 1em; text-align: left; } .balance-type-btn { background: linear-gradient(90deg, #73ABF9 0%, #4578DE 66%); border-radius: 7px; color: #ffffff; font-size: 12px; font-weight: 600; padding: 2px 8px 2px 7px; border: none; white-space: nowrap; cursor: pointer; text-transform: uppercase; } .balance-type-btn.btn-bonus { background: linear-gradient(90deg, #ffc1a2 0%, #de7f45 66%); } .balance-type-btn.btn-demo { background: linear-gradient(90deg, #0068f8 0%, #103c93 66%); } .line-anim { transition: opacity 0.3s ease-out; } .line-anim.hide { opacity: 0; } .as-c { align-self: center; } .b-0 { bottom: 0; } .b-5 { bottom: 5px; } .b-10 { bottom: 10px; } .l-0 { left: 0; } .l-5 { left: 5px; } .r-0 { right: 0; } .r-5 { right: 5px; } body .bp-c { background-position: center; } body .bs-c { background-size: cover; } .mes a { text-decoration: underline; } .switch { position: relative; width: 50px; height: 18px; } .state { position: absolute; inset: 0; transition: opacity 0.3s; width: 100%; } .state.off { opacity: 1; } .state.on { opacity: 0; } .switch.active .state.off { opacity: 0; } .switch.active .state.on { opacity: 1; } .bs-90p { background-size: 90%; } .set-inactive { opacity: 0.8; filter: grayscale(0.8); pointer-events: none; } .deposit-converter { display: flex; align-items: center; width: 100%; background-color: #222A3F; border-radius: 6px; padding: 6px 10px; box-sizing: border-box; gap: 8px; } .deposit-converter-field { display: flex; align-items: center; gap: 6px; flex: 1 1 0; min-width: 0; } .deposit-converter-sep { flex: 0 0 1px; width: 1px; align-self: stretch; margin: 4px 4px; background-color: rgba(255, 255, 255, 0.12); } .deposit-converter-input { background: transparent; border: none; outline: none; color: #fff; font-family: "Montserrat", Arial, sans-serif; font-size: 14px; font-weight: 600; width: 100%; min-width: 0; padding: 4px 0; } .deposit-converter-input::placeholder { opacity: 0.5; }@media (max-width: 480px) { .component, .header { width: 100%; padding-left: 7px; padding-right: 7px; } .main { width: 100%; max-width: 100%; } header { width: 100%; } body .header-buttons { width: 100%; max-width: 100%; } .popup>div { max-width: 100%; } }