@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); :root[data-theme=green_black] { --accent-color-800: #31b112; --accent-color-900: #4cfa00; --font-color-700: #fff; --font-color-800: rgba(255, 255, 255, .7); --font-color-900: #7b7b7b; --bg-color-800: rgb(33 33 33); --bg-color-700: rgb(33 33 33); --bg-color-900: #1d1d1d; --product-items-trans-bg-color: rgba(0, 0, 0, .4); } :root { --default-font-size: 14px; --default-font-family: "Montserrat"; --default-font-weight: "500"; } body { min-height: 100vh; width: 100vw; overflow-x: hidden; background-image: linear-gradient(320deg, var(--bg-color-900) 85%, #243d18); background-size: auto; background-repeat: repeat; color: var(--font-color-800); font-weight: 400; font-size: var(--default-font-size); } body:after { background-image: url(https://images.timerust.ru/GameStores/2.0.0/UITUNyL.png); content: " "; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 500; pointer-events: none; opacity: .3; } .container { width: 1100px; padding: 0 var(--safe-padding); margin: 0 auto; } .errorMessage { display: block; width: 100%; text-align: center; margin: 20px 0; font-size: 14px; font-weight: 500; color: #a1a1a1; } .errorMessage:after { content: "\A ☹️"; white-space: normal; } .boxHeader { background: transparent; border-radius: 0px; } .boxBody { background: rgb(255 255 255 / 0%); background-image: linear-gradient(180deg, rgb(33 33 33 / 50%), #1c1c1c); backdrop-filter: blur(5px); border-radius: 10px 10px 0px 0px; } .boxBody:last-child { border-radius: 10px 10px 10px 10px; } .boxFooter { background: rgb(28 28 28); border-radius: 0px 0px 10px 10px; } .Banner-module__img, .Shop-module__header, .LangSwitcher-module__btn, .MonitoringWidget-module__header, .Cookie-module__icon { display: none; } .Header-module__wrapper { text-align: center; display: flex; width: 160px; height: -webkit-fill-available; flex-flow: column; align-items: flex-start; position: fixed; transform: translateX(-180px) rotate(360deg) translateY(-215px); background: transparent; padding: 0px; margin-bottom: 0px; } .HeaderNav-module__wrapper { display: flex; width: 100%; align-items: flex-start; column-gap: 10px; margin-left: -20px; margin-top: 20px; text-transform: none; flex-wrap: nowrap; flex-direction: column; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.1s; } @keyframes stretchHover { 0% { transform: translateX(20px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .Header-module__logoWrapper { display: flex; align-items: center; justify-content: center; margin-top: 30px; margin-left: -20px; } .Header-module__logo { font-size: 0px; text-transform: none; background: url(https://images.timerust.ru/GameStores/avatimerustbukv.png); background-size: contain; background-repeat: no-repeat; width: 40px; height: 40px; border-radius: 10px; transition: 0.3s ease; } .Header-module__logo:hover { transform: scale(1.1) rotate(4deg); } .Header-module__logoWrapper::after { content: "\a TIMERUST"; white-space: normal; position: relative; top: -6px; left: 11px; font-size: 18px; font-weight: 700; color: rgb(255 255 255); text-transform: uppercase; overflow: visible; opacity: 0; transform: scale(0); animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.2s; } .Header-module__logoWrapper::before { content: "\a Игровой магазин"; white-space: normal; position: absolute; top: 52px; left: 30px; font-size: 12px; font-weight: 400; color: rgb(255 255 255 / 50%); overflow: visible; opacity: 0; transform: scale(0); animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.3s; } .HeaderNav-module__link { display: flex; width: 100%; cursor: pointer; background: transparent; color: rgb(255 255 255 / 75%); text-align: start; border-radius: 10px; padding: 10px; margin-bottom: 10px; transition: all .1s ease; flex-direction: row-reverse; justify-content: flex-end; align-items: center; flex-wrap: nowrap; gap: 0.5rem; } .HeaderNav-module__link:hover, .HeaderNav-module__link:focus { color: #ffffff; background: rgb(255 255 255 / 7%); } .SupportLink-module__link { display: flex; width: 100%; cursor: pointer; background: transparent; color: rgb(255 255 255 / 75%); text-align: start; border-radius: 10px; padding: 10px; margin-bottom: 10px; transition: all .1s ease; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 0.5rem; } .SupportLink-module__link:hover, .SupportLink-module__link:focus { color: #ffffff; background: rgb(255 255 255 / 7%); } .PlayerMenu-module__wrapper { width: 100%; margin-top: 20px; margin-left: -20px; display: flex; align-items: flex-start; column-gap: 10px; flex-wrap: nowrap; flex-direction: column-reverse; gap: 0.5rem; } .PlayerBalance-module__wrapper, .PlayerMenu-module__balance { display: flex; width: 100%; align-items: center; gap: 10px; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.3s; } .PlayerBalanceModal-module__header { font-size: 18px; display: flex; align-items: center; justify-content: space-between; color: rgb(255 255 255); font-weight: 500; margin-left: -15px; } .PlayerBalanceModal-module__inputWrapper { width: 100%; display: flex; height: 40px; border-radius: 8px; overflow: hidden; background: rgb(255 255 255 / 5%); flex-direction: row-reverse; } .PlayerBalanceModal-module__currency { height: 100%; padding: 0px 10px; background: rgb(255 255 255 / 5%); color: rgba(255, 255, 255, 0.5); line-height: 26px; height: 25px; position: relative; top: 8px; bottom: unset; right: 10px; border-radius: 8px; } .PlayerBalance-module__modal { width: 350px; margin-top: 100px; } .PlayerBalance-module__btn { width: 100%; text-transform: none; cursor: pointer; border-radius: 10px; display: flex; align-items: center; padding: 5px 10px 5px 10px; font-weight: 400; font-size: 12px; color: rgb(255 255 255 / 80%); white-space: nowrap; transition: all .1s ease; background: rgb(33 33 33); border: 1px solid #272727; flex-direction: row-reverse; gap: 0.5rem; justify-content: flex-end; } .PlayerBalance-module__btn:hover, .PlayerBalance-module__btn:focus { background-color: #272727; border: 1px solid #272727; color: rgb(255 255 255); } #balance-icon { margin-top: 3px; width: 20px; } .Widgets-module__wrapper.Widgets-module__rightSide { margin-right: 0px; margin-left: 0px; margin-top: -195px; background: transparent; display: block !important; visibility: visible !important; opacity: 1 !important; } .Widgets-module__widgetWrapper+.Widgets-module__widgetWrapper { margin-top: 15px; } .Search-module__wrapper { display: none; } .Categories-module__categories { display: flex; width: 100%; justify-content: flex-start; flex-wrap: nowrap; margin: 0px; flex-direction: row; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.3s; } /* Продукты 1 сервер */ [data-productid="7567169"] { background: radial-gradient(rgba(105 41 252 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7567169"]:hover { background: radial-gradient(rgba(105 41 252 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7567169"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(165 79 255); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(160 79 245); } [data-productid="7567169"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7567169"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(165 79 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7567169"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(165 79 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="5589350"] { background: radial-gradient(rgb(41 172 252 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="5589350"]:hover { background: radial-gradient(rgb(41 172 252 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="5589350"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(79 189 255); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(79 189 255); } [data-productid="5589350"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="5589350"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(79 189 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="5589350"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(79 189 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="5589349"] { background: radial-gradient(rgb(255 202 79 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="5589349"]:hover { background: radial-gradient(rgb(255 202 79 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="5589349"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(255 202 79); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(255 202 79); } [data-productid="5589349"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="5589349"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(255 202 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="5589349"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(255 202 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="5589348"] { background: radial-gradient(rgb(105 255 79 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="5589348"]:hover { background: radial-gradient(rgb(105 255 79 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="5589348"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(105 255 79); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(105 255 79); } [data-productid="5589348"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="5589348"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(105 255 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="5589348"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(105 255 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7567171"] { background: radial-gradient(rgba(105 41 252 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7567171"]:hover { background: radial-gradient(rgba(105 41 252 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7567171"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(165 79 255); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(160 79 245); } [data-productid="7567171"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7567171"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(165 79 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7567171"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(165 79 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="6392728"] { background: radial-gradient(rgb(41 172 252 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6392728"]:hover { background: radial-gradient(rgb(41 172 252 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6392728"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(79 189 255); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(79 189 255); } [data-productid="6392728"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="6392728"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(79 189 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="6392728"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(79 189 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="6392729"] { background: radial-gradient(rgb(255 202 79 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6392729"]:hover { background: radial-gradient(rgb(255 202 79 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6392729"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(255 202 79); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(255 202 79); } [data-productid="6392729"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="6392729"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(255 202 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="6392729"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(255 202 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="6392730"] { background: radial-gradient(rgb(105 255 79 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6392730"]:hover { background: radial-gradient(rgb(105 255 79 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6392730"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(105 255 79); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(105 255 79); } [data-productid="6392730"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="6392730"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(105 255 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="6392730"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(105 255 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="6477217"] { background: radial-gradient(rgb(235 125 253 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6477217"]:hover { background: radial-gradient(rgb(235 125 253 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6477217"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(235 125 253); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(235 125 253); } [data-productid="6477217"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="6477217"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(235 125 253); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="6477217"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(235 125 253); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="6477216"] { background: radial-gradient(rgb(235 125 253 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6477216"]:hover { background: radial-gradient(rgb(235 125 253 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="6477216"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(235 125 253); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(235 125 253); } [data-productid="6477216"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="6477216"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(235 125 253); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="6477216"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(235 125 253); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="8607765"] { background: radial-gradient(rgb(125 253 189 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="8607765"]:hover { background: radial-gradient(rgb(125 253 189 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="8607765"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(125 253 189); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(125 253 189); } [data-productid="8607765"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="8607765"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(125 253 189); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="8607765"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(125 253 189); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="5748363"] { background: radial-gradient(rgb(125 253 189 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="5748363"]:hover { background: radial-gradient(rgb(125 253 189 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="5748363"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(125 253 189); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(125 253 189); } [data-productid="5748363"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="5748363"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(125 253 189); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="5748363"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(125 253 189); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7578498"] { background: radial-gradient(rgb(55 167 249 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7578498"]:hover { background: radial-gradient(rgb(55 167 249 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7578498"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(55 167 249); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(55 167 249); } [data-productid="7578498"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7578498"]:hover::after { content: "Уникальный набор"; position: absolute; top: 8px; right: 20px; transform: translateX(10%); background-color: rgb(55 167 249); color: #fff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7578498"]::after { content: "Уникальный набор"; position: absolute; top: 8px; right: 20px; transform: translateX(10%); background-color: rgb(55 167 249); color: #fff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7578499"] { background: radial-gradient(rgb(50 205 127 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7578499"]:hover { background: radial-gradient(rgb(50 205 127 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7578499"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(50 205 127); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(50 205 127); } [data-productid="7578499"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7578499"]:hover::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(50 205 127); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7578499"]::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(50 205 127); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7578496"] { background: radial-gradient(rgb(183 231 42 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7578496"]:hover { background: radial-gradient(rgb(183 231 42 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7578496"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(183 231 42); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(183 231 42); } [data-productid="7578496"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7578496"]:hover::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(183 231 42); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7578496"]::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(183 231 42); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="8331482"] { background: radial-gradient(rgb(183 231 42 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="8331482"]:hover { background: radial-gradient(rgb(183 231 42 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="8331482"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(183 231 42); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(183 231 42); } [data-productid="8331482"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="8331482"]:hover::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(183 231 42); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="8331482"]::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(183 231 42); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } /* /Продукты 1 сервер*/ /* Продукты 2 сервер */ [data-productid="7632300"] { background: radial-gradient(rgba(105 41 252 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632300"]:hover { background: radial-gradient(rgba(105 41 252 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632300"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(165 79 255); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(160 79 245); } [data-productid="7632300"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632300"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(165 79 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632300"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(165 79 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632297"] { background: radial-gradient(rgb(41 172 252 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632297"]:hover { background: radial-gradient(rgb(41 172 252 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632297"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(79 189 255); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(79 189 255); } [data-productid="7632297"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632297"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(79 189 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632297"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(79 189 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632295"] { background: radial-gradient(rgb(255 202 79 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632295"]:hover { background: radial-gradient(rgb(255 202 79 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632295"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(255 202 79); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(255 202 79); } [data-productid="7632295"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632295"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(255 202 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632295"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(255 202 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632293"] { background: radial-gradient(rgb(105 255 79 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632293"]:hover { background: radial-gradient(rgb(105 255 79 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632293"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(105 255 79); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(105 255 79); } [data-productid="7632293"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632293"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(105 255 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632293"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(105 255 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632308"] { background: radial-gradient(rgba(105 41 252 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632308"]:hover { background: radial-gradient(rgba(105 41 252 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632308"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(165 79 255); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(160 79 245); } [data-productid="7632308"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632308"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(165 79 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632308"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(165 79 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632306"] { background: radial-gradient(rgb(41 172 252 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632306"]:hover { background: radial-gradient(rgb(41 172 252 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632306"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(79 189 255); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(79 189 255); } [data-productid="7632306"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632306"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(79 189 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632306"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(79 189 255); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632304"] { background: radial-gradient(rgb(255 202 79 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632304"]:hover { background: radial-gradient(rgb(255 202 79 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632304"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(255 202 79); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(255 202 79); } [data-productid="7632304"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632304"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(255 202 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632304"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(255 202 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632302"] { background: radial-gradient(rgb(105 255 79 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632302"]:hover { background: radial-gradient(rgb(105 255 79 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632302"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(105 255 79); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(105 255 79); } [data-productid="7632302"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632302"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(105 255 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632302"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(105 255 79); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632312"] { background: radial-gradient(rgb(235 125 253 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632312"]:hover { background: radial-gradient(rgb(235 125 253 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632312"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(235 125 253); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(235 125 253); } [data-productid="7632312"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632312"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(235 125 253); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632312"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(235 125 253); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632310"] { background: radial-gradient(rgb(235 125 253 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632310"]:hover { background: radial-gradient(rgb(235 125 253 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632310"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(235 125 253); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(235 125 253); } [data-productid="7632310"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632310"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(235 125 253); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632310"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(235 125 253); color: #ffffff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7982174"] { background: radial-gradient(rgb(125 253 189 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7982174"]:hover { background: radial-gradient(rgb(125 253 189 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7982174"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(125 253 189); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(125 253 189); } [data-productid="7982174"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7982174"]:hover::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(125 253 189); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7982174"]::after { content: "На 30 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(125 253 189); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="8607770"] { background: radial-gradient(rgb(125 253 189 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="8607770"]:hover { background: radial-gradient(rgb(125 253 189 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="8607770"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(125 253 189); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(125 253 189); } [data-productid="8607770"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="8607770"]:hover::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(125 253 189); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="8607770"]::after { content: "На 7 дней"; position: absolute; top: 5px; right: 15px; transform: translateX(10%); background-color: rgb(125 253 189); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632320"] { background: radial-gradient(rgb(55 167 249 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632320"]:hover { background: radial-gradient(rgb(55 167 249 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632320"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(55 167 249); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(55 167 249); } [data-productid="7632320"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632320"]:hover::after { content: "Уникальный набор"; position: absolute; top: 8px; right: 20px; transform: translateX(10%); background-color: rgb(55 167 249); color: #fff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632320"]::after { content: "Уникальный набор"; position: absolute; top: 8px; right: 20px; transform: translateX(10%); background-color: rgb(55 167 249); color: #fff; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632322"] { background: radial-gradient(rgb(50 205 127 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632322"]:hover { background: radial-gradient(rgb(50 205 127 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632322"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(50 205 127); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(50 205 127); } [data-productid="7632322"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632322"]:hover::after { content: "На 7 дней"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(50 205 127); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632322"]::after { content: "На 7 дней"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(50 205 127); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="7632318"] { background: radial-gradient(rgb(183 231 42 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632318"]:hover { background: radial-gradient(rgb(183 231 42 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="7632318"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(183 231 42); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(183 231 42); } [data-productid="7632318"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="7632318"]:hover::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(183 231 42); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="7632318"]::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(183 231 42); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } [data-productid="8745202"] { background: radial-gradient(rgb(183 231 42 / 35%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="8745202"]:hover { background: radial-gradient(rgb(183 231 42 / 65%) 0%, transparent 60%) 0% 90% / 300% 300% no-repeat rgba(255, 255, 255, 0.03); } [data-productid="8745202"]::before { content: ""; position: absolute; top: 10px; right: 10px; width: 30px; text-align: center; background: rgb(183 231 42); padding: 4px 10px; z-index: 1; border-radius: 8px; box-shadow: 0px 2px 13px rgb(183 231 42); } [data-productid="8745202"] img { margin-top: 5px; transform: scale(0.8); } [data-productid="8745202"]:hover::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(183 231 42); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 1; transition: opacity 0.3s ease; } [data-productid="8745202"]::after { content: "Привилегия"; position: absolute; top: 8px; right: 15px; transform: translateX(10%); background-color: rgb(183 231 42); color: #000; padding: 4px 8px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } /* /Продукты 2 сервер*/ /* Категории */ .Categories-module__category { cursor: pointer; color: var(--font-color-900); background-color: rgb(255 255 255 / 3%); background-position: 120%; background-size: 80%; background-repeat: no-repeat; border: 1px solid rgb(255 255 255 / 5%); padding: 15px 10px; border-radius: 10px; text-align: left; max-width: 137px; min-width: 137px; margin: 5px; transition: all .15s ease; } .Categories-module__category.Categories-module__active, .Categories-module__category:hover { background-color: rgb(255 255 255 / 5%); background-size: 90%; border: 1px solid rgb(255 255 255 / 5%); color: var(--font-color-700); } [data-categoryid="0"] { background-image: url(https://images.timerust.ru/GameStores/2.0.0/cat___all.png); } [data-categoryid="349468"] { background-color: rgb(37 22 51); color: rgb(224 191 255); border: 1px solid rgb(56 34 77); background-image: url(https://images.timerust.ru/GameStores/2.0.0/cat__priv.png); } [data-categoryid="349468"]:hover { background-color: rgb(37 22 51); border: 1px solid rgb(56 34 77); } [data-categoryid="349467"] { background-image: url(https://images.timerust.ru/GameStores/2.0.0/cat__guns.png); } [data-categoryid="349465"] { background-image: url(https://images.timerust.ru/GameStores/2.0.0/cat__res.png); } [data-categoryid="427757"] { background-image: url(https://images.timerust.ru/GameStores/2.0.0/cat__ammo.png); } [data-categoryid="400305"] { background-image: url(https://images.timerust.ru/GameStores/2.0.0/cat__other.png); } .Categories-module__category.Categories-module__enableFocus:focus { background-color: rgb(255 255 255 / 5%); border: 1px solid rgb(255 255 255 / 5%); color: var(--font-color-700); } /* /Категории */ .PlayerMenu-module__profileLink, .PlayerMenu-module__loginLink { width: 100%; background: rgb(255 255 255 / 5%); color: #fff; font-weight: 400; font-size: 13px; text-transform: none; cursor: pointer; border-radius: 8px; display: flex; align-items: center; justify-content: flex-end; padding: 8px 10px 8px 10px; white-space: nowrap; transition: all .1s ease; flex-direction: row-reverse; gap: 0.5rem; } .PlayerMenu-module__profileLink:hover, .PlayerMenu-module__profileLink:focus, .PlayerMenu-module__loginLink:hover, .PlayerMenu-module__loginLink:focus { background: var(--accent-color-800); color: #ffffff; } #user-icon { margin-top: 3px; width: 18px; } .nav-icon { width: 18px; } .srv-icon { background: #3f3f3f; color: #ffffff; font-family: sans-serif; font-size: 12px; font-weight: 600; width: 20px; height: 20px; padding: 3px 6px; border-radius: 20px; } .SupportContent-module__header { width: 100%; font-size: 22px; font-weight: 500; font-family: 'Montserrat'; color: #fff; margin-top: 20px; } .ShopFooter-module__text, .ShopFooter-module__links { display: none; } .ShopFooter-module__link { background: rgb(255 255 255 / 5%); border-radius: 8px; font-size: 12px; padding: 5px 10px 5px 10px; color: #b5b5b5; text-align: center; transition: all .1s ease; } .ShopFooter-module__link:hover { color: #ffffff; background: rgb(255 255 255 / 10%); } .Shop-module__wrapper { width: 100%; margin-bottom: 20px; margin-top: 20px; } .socials { display: flex; flex-flow: row; align-items: center; margin-top: 10px; margin-bottom: 10px; gap: 0.5rem; justify-content: center; width: 100%; } .socials-vk { background: rgb(255 255 255 / 5%); padding-top: 9px; padding-right: 1px; width: 35px; height: 35px; border-radius: 8px; cursor: pointer; transition: all .1s ease; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.3s; } .socials-vk:hover { background: #0077FF; } .socials-telegram { background: rgb(255 255 255 / 5%); padding-top: 9px; padding-right: 1px; width: 35px; height: 35px; border-radius: 8px; cursor: pointer; transition: all .1s ease; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.4s; } .socials-telegram:hover { background: #0088cc; } .socials-discord { background: rgb(255 255 255 / 5%); padding-top: 9px; width: 35px; height: 35px; border-radius: 8px; cursor: pointer; transition: all .1s ease; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.5s; } .socials-discord:hover { background: #5865f2; } .socials-icon { width: 18px; height: 18px; } .Cookie-module__wrapper { z-index: 50; position: fixed; bottom: 10px; left: 50%; transform: translate(-50%); padding: 15px; border-radius: 8px; background-color: rgb(57 57 57 / 80%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(15px); display: flex; align-items: center; box-shadow: none; } .LangSwitcher-module__wrapper { position: relative; width: 100%; } .Button-module__btn { cursor: pointer; border-radius: 2px; padding: 7px 30px; border: 1px solid transparent; transition: all .2s ease; } .Button-module__btn.Button-module__accent { color: var(--font-color-700); background-color: var(--accent-color-800); border-radius: 8px; border-color: transparent; } .Button-module__btn.Button-module__accent:hover, .Button-module__btn.Button-module__accent:focus { background-color: var(--accent-color-800); border-color: transparent; opacity: 0.8; } .ProductModal-module__header { display: none; } .productModalDescription { list-style: inside; text-align: left; padding: 0px; margin-bottom: 10px; background-color: transparent; } .ProductModal-module__command, .ProductModal-module__bp, .ProductModal-module__item, .ProductModal-module__dropdown { width: 465px; } .TotalSum-module__label { width: 100%; text-align: left; display: block; font-weight: 400; font-size: 13px; color: rgb(255 255 255); margin-bottom: 6px; } .CountSelector-module__label { width: 100%; text-align: left; display: block; font-weight: 400; font-size: 13px; color: rgb(255 255 255); margin-bottom: 6px; } .TotalSum-module__inputWrapper { width: 100%; display: flex; height: 40px; border-radius: 8px; overflow: hidden; background: rgb(255 255 255 / 5%); flex-direction: row-reverse; } .TotalSum-module__input { font-size: 16px; width: 100%; padding: 0 10px; color: rgb(255 255 255); font-weight: 500; } .TotalSum-module__currency { padding: 0px 8px; background: rgb(255 255 255 / 5%); color: rgba(255, 255, 255, 0.5); line-height: 26px; height: 25px; position: relative; top: 8px; bottom: unset; right: 5px; border-radius: 8px; } .CountSelector-module__input { font-size: 16px; width: 100%; padding: 0 10px; text-align: center; font-weight: 500; color: rgb(255 255 255); } .CountSelector-module__changeCountBtn.CountSelector-module__left { border-right: none; } .CountSelector-module__changeCountBtn.CountSelector-module__right { border-left: none; } .ItemContent-module__label { display: none; } .productModalImg { max-width: 150px; width: 150px; height: 150px; transform: scale(1.5); object-fit: contain; margin-bottom: 40px; margin-top: 40px; } .ProductModal-module__command > .boxBody > .productModalImg { display: none; } .CountSelector-module__changeCountBtn:hover, .CountSelector-module__changeCountBtn:focus { background: transparent; } .CountSelector-module__changeCountBtn { width: 60px; height: 100%; background: transparent; position: relative; display: flex; cursor: pointer; align-items: center; justify-content: center; transition: all .15s ease; } .CountSelector-module__icon { width: 72%; height: 60%; transition: all .15s ease; background: rgb(255 255 255 / 10%); border-radius: 6px; } .CountSelector-module__icon:hover { background: rgb(255 255 255 / 15%); } .productModalGiveText { background: rgb(37 37 37); border-radius: 8px; padding: 10px; color: rgb(255 255 255); font-size: 12px; text-align: center; font-weight: 500; margin-top: 0px; margin-bottom: 0px; } .CountSelector-module__inputWrapper { width: 100%; display: flex; height: 40px; border-radius: 8px; overflow: hidden; background: rgb(255 255 255 / 5%); } .Product-module__wrapper { background-color: #252525; position: relative; padding: 5px; height: 200px; cursor: pointer; border-radius: 8px; overflow: visible; transition: 0.3s all; } @keyframes stretchScale { 0% { opacity: 0; transform: scale(0); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } .Product-module__wrapper:hover { background-color: #272727; transform: scale(1.05); } .Product-module__img { position: absolute; top: -30px; left: 0; right: 0; object-fit: contain; width: 100%; transform: scale(0.6); aspect-ratio: 1 / 1; transition: all .2s ease; } .Product-module__name { display: none; } .Product-module__price { position: absolute; top: unset; left: 0px; bottom: 15px; color: rgb(255 255 255 / 85%); background-color: rgb(255 255 255 / 5%); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); padding: 5px 5px; margin: 0px 30px; border-radius: 8px; width: 70%; display: flex; align-items: center; justify-content: center; } .Product-module__count { right: 10px; top: 10px; bottom: unset; font-size: 12px; background: rgb(255 255 255 / 5%); padding: 3px 6px 3px 6px; border-radius: 5px; transition: none; } .Product-module__discount { top: 10px; right: unset; left: 10px; background-color: #c53a3a; color: var(--font-color-700); padding: 3px 6px; border-radius: 8px; box-shadow: 0 0 20px rgb(195 58 58 / 50%); } .Product-module__oldPrice { position: relative; margin-right: 4px; font-size: 12px; color: rgb(255 255 255 / 45%); } .Product-module__oldPrice:after { display: none; } .Product-module__wrapper:hover .Product-module__count, .Product-module__wrapper:active .Product-module__count { opacity: 1; } .dropDownCurrentItem { width: 100%; background-color: rgb(255 255 255 / 5%); cursor: pointer; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; padding: 10px; white-space: nowrap; font-size: 13px; outline: 1px solid transparent; transition: all .1s ease; } .dropDownCurrentItem:hover, .dropDownCurrentItem:focus { outline: 1px solid rgb(255 255 255 / 10%); } .dropDownList { width: 100%; margin-top: 5px; position: absolute; top: 100%; background: var(--bg-color-700); box-shadow: none; padding: 8px; border-radius: 8px; max-height: 200px; overflow-y: auto; z-index: 60; } .dropDownItem:hover, .dropDownItem:focus, .dropDownItem.active { background-color: #2d2d2d; } .SelectContent-module__label { display: none; } .Selector-module__dropDownWrapper, .ProfileContent-module__title { display: none; } .ProfileContent-module__body.boxBody::after { display: block; content: "Промокоды можно найти на нашем Discord-сервере, а иногда и в Telegram."; text-align: center; font-size: 14px; height: 35px; margin-top: 17px; color: #70dd58; background-color: #12290d; border: 1px solid #225317; font-weight: 500; padding: 8px; border-radius: 10px; } .discord_widget { background: rgb(255 255 255 / 3%); border-radius: 8px; display: flex; gap: 10px; margin-top: 0px; margin-left: 10px; padding: 15px; flex-direction: column; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.3s; } .discord__widget { display: flex; gap: 15px; flex-direction: row; } .discord_widget_avatar { background: url(https://images.timerust.ru/GameStores/avatimerustbukv.png); background-size: contain; border-radius: 10px; width: 40px; height: 40px; } .discord_widget_title { display: flex; flex-direction: column; gap: 5px; } .discord_widget__title { font-size: 14px; font-weight: 500; color: #fff; } .discord_widget_stats { display: flex; gap: 5px; font-size: 12px; } .memberCount, .presenceCount { background: rgb(255 255 255 / 5%); padding: 2px 7px; border-radius: 6px; } .discord_widget_btn { display: flex; background: rgb(255 255 255 / 5%); width: 100%; padding: 10px 10px 10px 10px; margin-top: 5px; border-radius: 8px; text-align: center; font-size: 13px; font-weight: 400; color: rgb(255 255 255 / 70%); cursor: pointer; transition: all .2s ease; align-items: center; justify-content: center; gap: 10px; } .discord_widget_btn:hover { background: var(--accent-color-800); color: #ffffff; } .monitoring { width: 100%; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.2s; } .mon-icon { width: 16px; height: 16px; } .mon_total { display: flex; align-items: center; gap: 5px; } .mon_online_icons { display: flex; flex-direction: column; gap: 10px; } .mon_online { display: flex; align-items: flex-start; gap: 10px; } .monitoring-loader { width: 20px; height: 20px; border: 2px solid #353535; border-top: 2px solid rgb(49 197 25); border-radius: 50%; animation: spin 0.5s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .server-players { background: #2b7b18; color: #fff; padding: 1px 5px; border-radius: 5px; font-weight: 500; overflow: hidden; } #mon_online_players_total { background: #303030; color: #ffffff; padding: 2px 5px; border-radius: 6px; } .server-players.animate-up, #mon_online_players_total.animate-up { animation: count-up 0.3s ease; } .server-players.animate-down, #mon_online_players_total.animate-down { animation: count-down 0.3s ease; } @keyframes count-up { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes count-down { 0% { transform: translateY(-20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .server-joining { font-size: 12px; background-image: linear-gradient(45deg, #2f2f2f 30%, transparent 75%); padding: 3px 6px; border-radius: 8px; color: #d1d1d1; position: relative; top: 7px; } .monitoring-image { background-image: url(https://images.timerust.ru/GameStores/2.0.0/I0QFMO.png); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 16px; height: 16px; } .monitoring-title { display: flex; align-items: center; gap: 6px; margin-bottom: 5px; } .mon_container { background: rgb(255 255 255 / 3%); border-radius: 8px; display: flex; row-gap: 0.5rem; margin-top: 15px; margin-left: 10px; padding: 15px; flex-direction: column; } .mon_online_progress { background-color: #262626; height: 8px; width: 100%; border-radius: 10px; margin-top: 5px; overflow: hidden; } #progress-39714, #progress-39715 { background-color: var(--accent-color-800); height: 100%; width: 0; border-radius: 10px; transition: width 0.3s ease; filter: drop-shadow(1px 0px 5px var(--accent-color-800)); } .mon_online div { color: #bdbdbd; min-height: 14px; } .online { background: #0b4b22; padding: 3px 6px; border-radius: 8px; font-size: 12px; font-weight: 400; color: rgb(123 255 171); margin-left: 10px; } .offline { background: #4b2828; padding: 3px 6px; border-radius: 8px; font-size: 12px; font-weight: 400; color: rgb(255 123 123); margin-left: 10px; } .mon_info_container { display: flex; column-gap: 0.7rem; justify-content: space-between; } .mon_info { display: flex; flex-direction: column; row-gap: 0.3rem; } .mon_title { font-weight: 600; font-family: 'Montserrat'; font-size: 13px; color: rgb(255 255 255 / 85%); display: flex; align-items: center; } .mon_about { position: relative; display: flex; background: rgb(255 255 255 / 5%); width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 5px; cursor: pointer; transition: 0.3s all; } .mon_about:hover { background: rgb(255 255 255 / 10%); } .mon_about::after { content: "О сервере"; position: absolute; bottom: 0px; left: 30px; transform: translateX(20%); background-color: #3f3f3f; color: #ffffff; padding: 4px 8px; border-radius: 8px; font-size: 12px; white-space: nowrap; z-index: 1000; opacity: 0; overflow: visible; transition: opacity 0.3s ease, transform 0.3s ease; } .mon_about:hover::after { opacity: 1; transform: translateX(0); } .mon_number { display: flex; background: rgb(101 70 193); width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 5px; color: rgb(255 255 255 / 85%); font-size: 11px; font-weight: 500; margin-right: 10px; } .mon_header { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; margin-left: 10px; } .mon_header_title { color: #fff; font-size: 16px; font-weight: 500; } .mon_total_count { display: flex; gap: 0.3rem; justify-content: center; align-items: center; color: rgb(255 255 255); font-size: 13px; font-weight: 500; font-family: 'Montserrat'; } .mon_copy { display: flex; background: rgb(255 255 255 / 5%); padding: 10px 10px 10px 10px; border-radius: 8px; text-align: center; font-size: 13px; font-weight: 400; color: rgb(255 255 255 / 70%); cursor: pointer; transition: all .2s ease; align-items: center; justify-content: center; gap: 10px; } .mon_copy:hover { background: var(--accent-color-800); color: #ffffff; } swiper-container { width: 78%; height: 207px; top: 10px; left: -4px; overflow: visible; opacity: 0; transform: scale(0); animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.1s; } swiper-slide { text-align: center; font-size: 18px; background: transparent; display: flex; justify-content: center; align-items: center; border-radius: 8px; } swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 8px; } .autoplay-progress { position: absolute; right: 16px; bottom: 16px; z-index: 10; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--swiper-theme-color); } .autoplay-progress svg { --progress: 0; position: absolute; left: 0; top: 0px; z-index: 10; width: 100%; height: 100%; stroke-width: 4px; stroke: var(--swiper-theme-color); fill: none; stroke-dashoffset: calc(125.6 * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg); } .swiper-button-next svg, .swiper-button-prev svg { width: 50%; height: 50%; object-fit: contain; transform-origin: center center; color: #7c7c7c; } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,20px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,5px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,2px); background: #7c7c7c; opacity: var(--swiper-pagination-bullet-inactive-opacity, .1); } .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; border-radius: 5px; } .ModalLayout-module__wrapper { width: 100vw; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(6 6 6 / 85%); backdrop-filter: blur(15px); z-index: 200; } .ProfileNav-module__wrapper.ProfileNav-module__rightSide { margin-right: 0px; margin-left: 5px; margin-top: 55px; } .ProfileNav-module__img { width: 50px; height: 50px; border-radius: 100%; margin-bottom: 0px; } .ProfileNav-module__name { font-size: 14px; font-family: Montserrat; font-weight: 700; color: rgb(255, 255, 255); background-image: linear-gradient(90deg, rgb(255 255 255 / 5%) 0%, transparent 80%); padding: 10px 15px; border-radius: 8px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ProfileNav-module__header { display: flex; align-items: center; flex-direction: row; gap: 0.5rem; } .ProfileContent-module__wrapper, .BasketContent-module__wrapper, .HistoryContent-module__wrapper { flex: 0.71 1 0%; width: 100%; margin-bottom: 20px; } .ProfileNav-module__navItem+.ProfileNav-module__navItem { margin-top: 5px; } .ProfileNav-module__navItem { cursor: pointer; background: rgb(255 255 255 / 5%); border-radius: 8px; padding: 10px 15px; color: #939393; transition: all .15s ease; } .ProfileNav-module__navItem:hover, .ProfileNav-module__navItem:focus, .ProfileNav-module__navItem.ProfileNav-module__active { color: rgb(255, 255, 255); background: rgb(255 255 255 / 10%); } .ProfileContent-module__header { display: flex; justify-content: flex-start; width: 100%; font-size: 18px; font-weight: 500; font-family: 'Montserrat'; color: #fff; margin-top: 20px; } .ProfileContent-module__box { background-color: rgb(255 255 255 / 5%); border-radius: 8px; padding: 0 4px; } .ProfileContent-module__infoLine { display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 20px 20px; } .ProfileContent-module__infoLineValue.ProfileContent-module__steamid { cursor: pointer; color: #33b214; transition: all .15s ease; } .ProfileContent-module__infoLineValue.ProfileContent-module__steamid:hover { color: #33b214; opacity: 0.8; } .ProfileContent-module__infoLine+.ProfileContent-module__infoLine { border-top: 1px solid #333333; } .ProfileContent-module__input { width: 100%; display: flex; height: 36px; border-radius: 8px; overflow: hidden; padding: 0px 15px; background: rgb(255 255 255 / 5%); border: 1px solid rgb(255 255 255 / 5%); } .BasketTable-module__itemImg, .BasketTable-module__skeletonImg { width: 60px; height: 60px; transform: scale(1); margin-right: 20px; background: rgb(255 255 255 / 5%); border-radius: 8px; padding: 10px; } .BasketTable-module__tableLine:nth-child(2n-1) { background-color: rgb(255 255 255 / 3%); } .BasketTable-module__tableLine { display: flex; gap: 10px; align-items: center; padding: 0px; justify-content: space-between; border-radius: 8px; } .BasketTable-module__productInfoWrapper, .BasketTable-module__serverInfoWrapper { display: flex; flex-direction: column; justify-content: center; margin-right: 15px; } .BasketTable-module__productNameWrapper { display: flex; align-items: center; justify-content: flex-start; margin-left: 10px; } .BasketTable-module__tableHeader { display: flex; gap: 10px; align-items: center; padding: 14px 20px; background-color: rgba(255, 255, 255, 0.05); border-radius: 8px; justify-content: space-between; } .Pagination-module__navPageBtn, .Pagination-module__page { display: flex; align-items: center; justify-content: center; width: 40px; height: 30px; border-radius: 8px; border: none; background: rgb(255 255 255 / 5%); } .Pagination-module__right { margin-left: 0px; } .Pagination-module__left { margin-right: 0px; } .Pagination-module__pagIcon { transition: all .15s ease; width: 18px; height: 18px; stroke-width: 2px; } .Pagination-module__navPageBtn:hover, .Pagination-module__navPageBtn:focus { border: none; background: #2f2f2f; } .HistoryTable-module__value { color: rgb(255 255 255 / 75%); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .15s ease; } .HistoryTable-module__tableLine, .HistoryTable-module__tableHeader { display: grid; grid-template-columns: 1fr 200px 130px; gap: 10px; align-items: center; padding: 14px 12px; border-radius: 8px; } .HistoryTable-module__tableLine:nth-child(2n-1) { background-color: rgb(255 255 255 / 3%); } .BasketTable-module__tableTitle { color: var(--font-color-900); font-size: 13px; font-weight: 400; } .BasketContent-module__header { display: flex; justify-content: flex-start; font-size: 18px; font-weight: 500; font-family: 'Montserrat'; color: #fff; margin-top: 20px; } .BasketSearch-module__wrapper { width: 100%; display: flex; height: 45px; border-radius: 10px; overflow: hidden; background: rgb(255 255 255 / 5%); border: none; flex-direction: row-reverse; transition: all .1s ease; } .BasketSearch-module__wrapper:hover { background: rgb(255 255 255 / 10%); } .BasketSearch-module__iconWrapper { height: 100%; padding: 0 20px; background: transparent; color: #ffffff; display: flex; align-items: center; justify-content: center; } .BasketSearch-module__icon { width: 20px; height: 20px; } .BasketSearch-module__icon path { stroke: #717171; } .HistoryTable-module__tableHeader { background-color: rgb(255 255 255 / 5%); border-radius: 8px; } .HistoryTable-module__tableTitle { color: var(--font-color-900); font-size: 13px; font-weight: 400; } .HistoryContent-module__header { display: flex; justify-content: flex-start; font-size: 18px; font-weight: 500; font-family: 'Montserrat'; color: #fff; margin-top: 20px; } .HistorySearch-module__wrapper { width: 100%; display: flex; height: 45px; border-radius: 10px; overflow: hidden; background: rgb(255 255 255 / 5%); border: none; flex-direction: row-reverse; transition: all .1s ease; } .HistorySearch-module__wrapper:hover { background: rgb(255 255 255 / 10%); } .HistorySearch-module__iconWrapper { height: 100%; padding: 0 20px; background: transparent; color: #ffffff; display: flex; align-items: center; justify-content: center; } .HistorySearch-module__icon { width: 20px; height: 20px; } .HistorySearch-module__icon path { stroke: #717171; } .Toast-module__toast { width: 100%; padding: 10px; border-radius: 8px; background: rgb(47 47 47 / 70%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: none; box-shadow: none; overflow: hidden; cursor: pointer; display: flex; align-items: center; animation: Product-module__productAnimation .15s ease; } .nav_profile { display: flex; align-items: center; width: 100%; justify-content: flex-end; flex-direction: row-reverse; gap: 0.5rem; background: rgb(33 33 33); border: 1px solid #272727; padding: 6px 8px 6px 8px; border-radius: 10px; color: rgb(255 255 255); font-weight: 400; font-size: 12px; cursor: pointer; transition: 0.2s all; } .nav_profile:hover { background: #272727; border: 1px solid #272727; color: rgb(255 255 255); } .nav_username { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .PlayerMenu-module__profileLink { display: none; } .SupportLink-module__supportCount { position: absolute; top: 20px; right: 20px; color: rgb(255, 255, 255); background-color: rgb(197 50 50); border-radius: 5px; padding: 3px 8px; font-size: 12px; font-weight: 400; transform: translate(50%, -50%); } .Button-module__btn.Button-module__gray { color: var(--font-color-800); background-color: rgb(255 255 255 / 5%); border-radius: 8px; border-color: transparent; margin-right: auto; } .Button-module__btn.Button-module__gray:hover, .Button-module__btn.Button-module__gray:focus { background-color: rgb(255 255 255 / 10%); } .TicketModal-module__header { display: none; } .NewTicketModal-module__header { display: none; } .NewTicketModal-module__formGroup.NewTicketModal-module__multiCol { display: none; } .TicketThemeInput-module__iconWrapper { display: none; } .TicketThemeInput-module__inputWrapper { width: 100%; display: flex; height: 40px; border-radius: 8px; overflow: hidden; background: rgb(255 255 255 / 5%); } .Selector-module__dropDownCurrentItem { width: 100%; background-color: rgb(255 255 255 / 5%); cursor: pointer; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; padding: 10px; white-space: nowrap; font-size: 13px; outline: 1px solid transparent; transition: all .1s ease; } .Selector-module__dropDownCurrentItem:hover, .Selector-module__dropDownCurrentItem:focus { outline: 1px solid rgb(255 255 255 / 10%); } .TicketModal-module__messagesWrapper { padding: 0px 0px 15px 0; max-height: 500px; overflow-y: auto; display: flex; flex-direction: column; row-gap: 15px; } .TicketModal-module__messageWrapper { padding: 10px; border-radius: 8px; background-color: rgb(255 255 255 / 3%); } .TicketMessageTextArea-module__textarea { border-radius: 8px; background: rgb(255 255 255 / 5%); font-size: 15px; width: 100%; resize: vertical; padding: 10px; min-height: 120px; } .TicketsTable-module__tableHeader { background-color: rgb(255 255 255 / 3%); border-radius: 8px; margin-bottom: 20px; } .TicketsTable-module__tableTitle { color: rgb(255 255 255 / 70%); font-size: 13px; font-weight: 400; } .TicketsTable-module__tableLine:nth-child(2n-1) { background-color: rgb(255 255 255 / 3%); border-radius: 8px; } .TicketsTable-module__value { color: rgb(255 255 255 / 65%); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .15s ease; } .TicketsTable-module__tableLine:hover .TicketsTable-module__value:not(:last-child) { color: rgb(255 255 255); } .TicketsTable-module__status { border-radius: 8px; padding: 7px 13px; display: flex; align-items: center; justify-content: center; } .TicketsTable-module__status.TicketsTable-module__open { color: var(--font-color-700); background-color: #3c7ecd; } .TicketsTable-module__tableLine .TicketsTable-module__status.TicketsTable-module__closed { color: var(--font-color-800); background-color: rgb(255 255 255 / 5%); } .Servers-module__servers { display: flex; flex-wrap: wrap; margin: 0px 0px 10px; justify-content: flex-start; align-items: center; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.2s; } .Servers-module__server { display: flex; cursor: pointer; color: var(--font-color-900); background-color: rgb(255 255 255 / 3%); border: 1px solid rgb(255 255 255 / 5%); padding: 8px; border-radius: 10px; flex: 1; margin: 5px; max-width: 100%; transition: all .15s ease; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 5px; } .Servers-module__server.Servers-module__active, .Servers-module__server:hover, .Servers-module__server:focus { background-color: rgb(255 255 255 / 5%); border: 1px solid rgb(255 255 255 / 5%); color: var(--font-color-700); } .time-footer { background-color: rgb(24 24 24 / 40%); backdrop-filter: blur(20px); border: 1px solid rgb(255 255 255 / 5%); color: #fff; text-align: center; width: 1260px; padding: 0 var(--safe-padding); margin: 0 auto; position: relative; bottom: 0; margin-bottom: 20px; border-radius: 10px; z-index: 10; } .footer-content { max-width: 920px; background-image: linear-gradient(180deg, var(--bg-color-800), transparent); border-radius: 10px; margin: 0 auto; position: relative; right: 45px; display: flex; padding: 15px 20px; align-items: center; flex-direction: row; } .project-info { display: flex; flex-direction: column; align-items: flex-start; } .project-info-title { display: flex; gap: 10px; flex-direction: row; align-items: center; margin-bottom: 10px; } .project-info-title-logo { background: url(https://images.timerust.ru/GameStores/2.0.0/timerust.png); background-size: cover; width: 40px; height: 40px; border-radius: 10px; cursor: pointer; transition: 0.2s all; } .project-info-title-logo::after { content: "\a TIMERUST"; white-space: normal; position: relative; top: 2px; left: 55px; font-size: 18px; font-weight: 700; color: rgb(255 255 255); text-transform: uppercase; } .project-info-title-logo::before { content: "\a Игровой магазин"; white-space: normal; position: absolute; top: 36px; left: 74px; font-size: 12px; font-weight: 400; color: rgb(255 255 255 / 50%); } .project-info-title-name { font-size: 18px; font-weight: 600; font-family: 'Montserrat', sans-serif; text-transform: uppercase; transform: skewX(355deg); } .footer-content p { margin: 0; font-size: 12px; font-family: 'Montserrat', sans-serif; color: #858585; } .footer-nav { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } .footer-nav-link { font-size: 12px; font-family: 'Montserrat', sans-serif; color: #a9a9a9; cursor: pointer; transition: 0.2s all; } .footer-nav-link:hover { color: #fff; } .footer-content > div:nth-child(1) { flex: 0.7 1 0%; } .footer-content > div:nth-child(2) { flex: 0.2 1 0%; } .footer-content > div:nth-child(3) { flex: 0.3 1 0%; } .footer-content > div:nth-child(4) { flex: 0.6 1 0%; } .footer-alternate-content { max-width: 920px; position: relative; right: 45px; display: flex; margin: 0 auto; padding: 30px 0px; justify-content: center; } .social-links { display: flex; align-items: center; flex-direction: row; gap: 10px; } .social-links-ds { display: flex; background: rgb(255 255 255 / 5%); width: 35px; height: 35px; border-radius: 10px; align-items: center; justify-content: center; transition: 0.2s all; } .social-links-ds:hover { background: rgb(68 93 237); } .social-links-vk { display: flex; background: rgb(255 255 255 / 5%); width: 35px; height: 35px; border-radius: 10px; align-items: center; justify-content: center; transition: 0.2s all; } .social-links-vk:hover { background: rgb(0 119 255); } .social-links-tg { display: flex; background: rgb(255 255 255 / 5%); width: 35px; height: 35px; border-radius: 10px; align-items: center; justify-content: center; transition: 0.2s all; } .social-links-tg:hover { background: rgb(36 161 222); } .social-links-icon { width: 20px; } .copyright { background: url(https://images.timerust.ru/cp.php); background-repeat: no-repeat; width: 70px; height: 55px; margin-right: 20px; } .time-footer-alt { color: rgb(255 255 255 / 50%); text-align: center; display: flex; width: 100%; position: relative; bottom: 0; margin-bottom: 20px; z-index: 10; justify-content: center; flex-direction: row; } .project-info-alt p { font-size: 12px; color: #999999; font-family: 'Montserrat', sans-serif; } .modal-header { display: flex; justify-content: space-between; align-items: center; background-color: rgb(22 22 22); padding: 16px; border-bottom: 1px solid rgb(37 37 37); } .modal-header h2 { font-size: 16px; color: rgb(255 255 255); font-weight: 500; } .close-button { background: none; border: none; font-size: 20px; cursor: pointer; color: rgb(51, 51, 51); } .customModalContent { background: rgb(22 22 22); border-radius: 10px; width: 500px; overflow: hidden; margin-top: 100px; } .modal-body { padding: 20px; } .pay-fieldset.pay-start__fieldset { border: 1px solid rgb(255 255 255 / 10%); height: 50px; padding: 17px 48px 16px 12px; position: relative; display: flex; align-items: center; border-radius: 10px; background: rgb(255 255 255 / 5%); } .pay-start__fieldset { margin-bottom: 20px; } .pay-fieldset input { color: rgb(255 255 255); font-size: 14px; font-weight: 600; border: none; outline: none; width: 100%; } .pay-fieldset__icon { position: absolute; width: 24px; height: 24px; right: 12px; top: 50%; transform: translateY(-50%); } .bonus-container { text-align: center; } .pay-start__bonus { padding: 16px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 10px; margin-bottom: 25px; background: #222222; } .pay-start__bonus-title { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .pay-start__bonus-list { background: rgb(28 28 28); padding: 5px; border-radius: 10px; display: flex; margin-bottom: 10px; } .pay-start__bonus-list--item { flex: 1 1 0%; background: transparent; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: 0.3s; cursor: pointer; } .pay-start__bonus-list--item.active { background: rgb(49 176 18); color: #fff; font-weight: 600; box-shadow: 0 0 20px rgb(49 97 38); } .pay-start__bonus-percents { display: flex; padding: 0px 4px; } .pay-start__bonus-percents--item { flex: 1 1 0%; display: flex; flex-direction: column; gap: 6px; cursor: pointer; transition: 0.3s; } .pay-start__bonus-percents--item::before { content: ""; height: 4px; width: 95%; background: rgb(140, 148, 159); display: block; opacity: 0.2; transition: 0.3s; border-radius: 10px; } .pay-start__bonus-percents--item.active::before { background: rgb(51 177 20); box-shadow: 0 0 20px 5px rgb(49 97 38); opacity: 1; border-radius: 10px; } .pay-start__bonus-finish { display: flex; margin-bottom: 20px; align-items: center; } .pay-start__bonus-finish--title { color: rgb(255 255 255); font-size: 14px; line-height: 17px; font-weight: 600; } .pay-start__bonus-finish--sum { margin-left: auto; font-size: 16px; line-height: 19px; font-weight: 600; color: rgb(255 255 255); } .pay-start__bonus-finish--bonus { position: relative; cursor: help; display: inline-block; margin-left: 10px; background: rgb(17 39 7); border: 1px solid rgb(40 87 18); padding: 5px 10px; font-weight: 600; font-size: 14px; line-height: 17px; color: rgb(116 223 69); border-radius: 10px; } .pay-start__bonus-finish--bonus::after { content: "Бонус зачисляется после оплаты"; position: absolute; bottom: 35px; right: 0px; transform: translateY(20%); background-color: #1a7d1d; color: #ffffff; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 1000; opacity: 0; overflow: visible; transition: opacity 0.3s ease, transform 0.3s ease; } .pay-start__bonus-finish--bonus:hover::after { opacity: 1; transform: translateY(0); } .pay-start__buttons-card { background: #242424; border: 1px solid #2f2f2f; height: 50px; border-radius: 10px; width: 100%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.2s ease-in; } .pay-start__buttons-card:hover { background: #2f2f2f; border: 1px solid #2f2f2f; } .cart-button { width: 38px; height: 38px; background: rgb(33 33 33); border: 1px solid #272727; padding: 7px; border-radius: 10px; transition: 0.2s all; } .cart-button:hover { background-color: #272727; border: 1px solid #272727; } .cart-icon { width: 21px; height: 21px; object-fit: contain; } .server_about_modal-1 { background: #1a1a1a; border-radius: 10px; background-image: url(https://images.timerust.ru/GameStores/2.0.0/892374.png); background-blend-mode: soft-light; background-size: 100%; background-repeat: no-repeat; background-position: 20% -45%; } .server_about_modal-2 { background: #1a1a1a; border-radius: 10px; background-image: url(https://images.timerust.ru/GameStores/2.0.0/487394.png); background-blend-mode: soft-light; background-size: 100%; background-repeat: no-repeat; background-position: 20% -45%; } .server_about_header { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 10px 20px; } .server_about_image { background: url(https://images.timerust.ru/GameStores/2.0.0/timerust.png); background-size: contain; border-radius: 100%; width: 55px; height: 55px; } .server_about_title { font-size: 14px; font-weight: 500; font-family: "Unbounded", sans-serif; color: #fff; } .server_about_content { padding: 30px 20px 20px 20px; } .server_about_modal_close { display: flex; background: #ab3535; background-image: url(https://images.timerust.ru/GameStores/2.0.0/close.png); background-position: center; background-size: 70%; background-repeat: no-repeat; padding: 5px; width: 30px; height: 30px; border-radius: 10px; justify-content: center; align-items: center; cursor: pointer; transition: 0.3s all; } .server_about_modal_close:hover { background: #7d2626; background-image: url(https://images.timerust.ru/GameStores/2.0.0/close.png); background-position: center; background-size: 70%; background-repeat: no-repeat; } .server_about_title_container { display: flex; flex-direction: row; align-items: center; gap: 0.7rem; margin-top: 10px; } .server_about_title_tags_container { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; margin-left: 10px; } .server_about_type { background: rgb(51 51 51 / 70%); border: 1px solid rgb(255 255 255 / 10%); padding: 5px 10px 5px 10px; border-radius: 8px; color: #fff; font-size: 12px; } .server_about_eggs { display: flex; gap: 1rem; align-items: center; } .server_about_egg { display: flex; background: #2d2d2d; padding: 10px; height: 45px; border-radius: 8px; border: solid 1px #3b3b3b; justify-content: space-between; align-items: center; } .server_about_description { text-align: start; font-size: 13px; color: #b3b3b3; margin-top: -23px; margin-bottom: 20px; background-image: linear-gradient(180deg, rgb(45 44 44 / 70%), transparent); padding: 10px; border-radius: 8px; line-height: 18px; } .server_about_eggs_left { width: 100%; display: flex; gap: 0.5rem; flex-direction: column; text-align: start; } .server_about_eggs_right { width: 100%; display: flex; gap: 0.5rem; flex-direction: column; text-align: start; } .server_about_egg_aspect { background: rgb(42 109 26); color: #fff; padding: 3px 5px 3px 5px; border-radius: 5px; margin-left: 5px; } .server_about_title_header { display: flex; flex-direction: row; align-items: center; } .server_about_monitoring-online { display: flex; align-items: center; height: 10px; margin-left: 5px; transform: skewX(355deg); } .customModalWrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(15 15 15 / 80%); backdrop-filter: blur(15px); z-index: 240; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility .2s step-end; } .KitContent-module__containsItems { display: flex; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; width: 100%; margin-bottom: 15px; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; } .KitContent-module__containsItem { border-radius: 8px; background-color: var(--bg-color-700); padding: 10px; position: relative; display: flex; align-items: center; width: 23%; } .KitContent-module__containsItem { border-radius: 8px; background-color: var(--bg-color-700); padding: 10px; position: relative; display: flex; align-items: center; } .KitContent-module__itemName { padding: 5px; position: absolute; width: 100%; bottom: 0; top: unset; left: 0; right: 0; height: 25px; text-align: center; color: var(--font-color-800); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: transparent; border-radius: 8px; } .KitContent-module__itemCount { position: absolute; top: 5px; bottom: 0; left: 5px; height: 20px; width: auto; padding: 3px 4px; background: rgb(255 255 255 / 10%); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); color: #adadad; text-align: start; font-size: 12px; border-radius: 6px; } .KitContent-module__itemImg { width: 100%; height: auto; object-fit: contain; transform: scale(0.8); } .KitContent-module__label { display: none; } .ModalLayout-module__wrapper { width: 100vw; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(8 8 8 / 80%); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); z-index: 30; } .ProductModal-module__roulette, .ProductModal-module__set { width: 450px; } .productModalDescription a { color: #fff; cursor: pointer; transition: all .15s ease; } .productModalDescription a:hover { color: #fff; } .product { margin-bottom: 20px; } .product_btn_lg { padding: 10px 15px; background: rgb(31 116 10); color: #fff; cursor: pointer; border-radius: 10px; transition: 0.2s all; text-align: center; } .product_btn_lg:hover { background: rgb(31 116 10/70%); color: #fff; } .product_btn_cart { padding: 10px 15px; background: rgb(33 33 33); border: 1px solid #272727; color: #fff; cursor: pointer; border-radius: 10px; transition: 0.2s all; text-align: center; } .product_btn_cart:hover { background-color: #272727; border: 1px solid #272727; } .product__title { display: flex; flex-direction: column; gap: 15px; } .product_title { display: flex; align-items: center; gap: 15px; } .product_title span { font-size: 18px; font-weight: 600; color: #fff; } .product_title_duration { background: rgb(255 255 255 / 10%); padding: 2px 10px; border-radius: 6px; } .product_title img { background: rgb(255 255 255 / 3%); border-radius: 15px; width: 100px; height: 100px; transition: 0.2s all; } .product_title img:hover { transform: scale(1.1); } .product_desc_item { display: flex; align-items: center; justify-content: space-between; background: rgb(255 255 255 / 1%); border-radius: 10px; padding: 10px; margin-bottom: 5px; transition: 0.2s all; } .product_desc_item:hover { background: rgb(255 255 255 / 3%); } .product_desc_item_info { display: flex; flex: 0.9 0%; flex-direction: column; gap: 2px; } .product_desc_title { color: #fff; font-weight: 600; font-size: 14px; } .product_desc_title_m { margin: 10px 0px; font-size: 16px; } .product_desc_info { color: #bababa; font-weight: 400; font-size: 12px; } .product_desc_info span { font-weight: 600; } .product_desc_rightinfo { background: rgb(255 255 255 / 10%); color: #dedede; font-size: 13px; font-weight: 600; padding: 3px 6px; border-radius: 5px; } .product_btn { background: rgb(31 116 10); color: #fff; cursor: pointer; transition: 0.2s all; } .product_btn:hover { background: rgb(31 116 10/60%); transition: 0.2s all; } .product_kit_content { padding: 10px 20px; } .product_cart_content { padding: 5px 0px; } .product_cart_title_header { display: flex; gap: 10px; } .product_kit_modal_close { display: flex; background: #ab3535; background-image: url(https://images.timerust.ru/GameStores/2.0.0/close.png); background-position: center; background-size: 70%; background-repeat: no-repeat; padding: 5px; width: 30px; height: 30px; border-radius: 10px; justify-content: center; align-items: center; cursor: pointer; transition: 0.3s all; } .product_kit_modal_close:hover { background: #7d2626; background-image: url(https://images.timerust.ru/GameStores/2.0.0/close.png); background-position: center; background-size: 70%; background-repeat: no-repeat; } .product_kit_title_container { display: flex; flex-direction: row; align-items: center; gap: 0.7rem; margin-top: 10px; } .product_kit_header { display: flex; justify-content: space-between; padding: 10px; } .product_kit_title { font-size: 16px; font-weight: 600; color: #fff; } .product_kit_description { margin-bottom: 20px; } .product_kit_description span { font-size: 14px; color: #b3b3b3; } .product_kits_title_cooldown { background: rgb(255 255 255 / 5%); padding: 3px 10px; border-radius: 6px; } .product_kit_container { display: flex; padding: 15px 0px; flex-wrap: wrap; gap: 5px; } .product_kit_container_item { width: 72px; display: flex; background: rgb(255 255 255 / 5%); padding: 3px 5px; border-radius: 8px; flex-direction: column; align-items: center; gap: 5px; transition: 0.2s all; } .product_kit_container_item:hover { transform: scale(1.1); box-shadow: 0px 5px 20px rgb(0 0 0 / 30%); } .product_kit_container_item img { width: 50px; height: 50px; } .product_kit_container_item span { font-size: 11px; font-weight: 500; color: #dadada; } .product_kits_title { display: flex; justify-content: space-between; align-items: center; } .product_modal_container { display: flex; padding: 15px 0px; flex-wrap: wrap; gap: 5px; justify-content: center; } .product_modal_container_item img { border-radius: 10px; transition: 0.2s all; } .product_modal_container_item img:hover { transform: scale(1.1); } @media screen and (min-width: 1366px) { .container { width: 1200px; padding: 0 var(--safe-padding); position: relative; right: -85px; } } @media screen and (max-width: 965px) { body { background-image: linear-gradient(320deg, var(--bg-color-900) 85%, #1e1e1e); } swiper-container { display: none; } .container { width: 100%; padding: 0 var(--safe-padding); margin: 0px auto;; } .Header-module__wrapper { text-align: center; display: flex; width: 100%; flex-flow: row; transform: unset; padding: 10px 20px; left: 0px; height: 70px; position: absolute; margin-top: -80px; align-items: baseline; justify-content: space-between; } .HistoryTable-module__tableTitle:first-child, .HistoryTable-module__value:first-child { text-align: start; font-size: 13px; } .Index-module__wrapper { flex-direction: column; margin-top: 100px; } .Header-module__logoWrapper { display: flex; align-items: center; justify-content: flex-start; margin-top: 0px; margin-left: 5px; position: relative; bottom: 25px; left: 0; } .Header-module__logo { font-size: 0px; text-transform: none; background: url(https://images.timerust.ru/GameStores/avatimerustbukv.png); background-size: contain; background-repeat: no-repeat; width: 46px; height: 46px; margin-right: 20px; border-radius: 10px; transition: 0.3s ease; } .Header-module__logoWrapper::after { display: none; } .Header-module__logoWrapper::before { display: none; } .HeaderNav-module__wrapper { display: none; } .PlayerMenu-module__wrapper { width: auto; display: flex; align-items: flex-start; flex-flow: column-reverse; gap: 0.5rem; flex-direction: row; justify-content: center; position: relative; right: 0; margin-top: 0px; } .PlayerMenuMobile-module__mobileMenuBtn { display: none; } .Servers-module__servers { display: flex; flex-wrap: wrap; margin: 0px 0px 10px; justify-content: center; align-items: center; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.2s; } .Categories-module__categories { display: flex; width: 100%; justify-content: flex-start; flex-flow: row; margin: 0px; overflow: scroll; } .Categories-module__category { cursor: pointer; color: var(--font-color-900); background-color: rgba(255, 255, 255, 0.05); border: 1px solid #353535; padding: 10px 15px; border-radius: 8px; margin: 5px; transition: 0.15s; margin-bottom: 15px; } .Products-module__wrapper.Products-module__grid2, .Products-module__wrapper.Products-module__grid3, .Products-module__wrapper.Products-module__grid4, .Products-module__wrapper.Products-module__grid5, .Products-module__wrapper.Products-module__grid6 { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } .Products-module__wrapper { margin-top: 15px; width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 5px; } .Product-module__wrapper { background: #252525; position: relative; padding: 5px; height: 200px; cursor: pointer; border-radius: 8px; overflow: visible; animation: 0.15s ease 0s 1 normal none running Product-module__productAnimation; transition: 0.3s; } .Product-module__wrapper:hover { background-color: #272727; transform: scale(1.02); } .Product-module__name { z-index: 6; transition: none; font-size: 13px; transform: none; width: 100%; padding: 10px; bottom: 46px; left: 0px; text-align: center; color: rgba(255, 255, 255, 0.75); font-weight: 500; background-color: transparent; border-top: 1px solid rgba(255, 255, 255, 0.05); } .Product-module__price { position: absolute; top: unset; left: 0px; bottom: 20px; color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(3px); padding: 5px; margin: 0px 30px; border-radius: 8px; width: 70%; align-items: center; justify-content: center; } .Shop-module__wrapper { width: 100%; margin-bottom: 20px; margin-top: 0px; } .ShopFooter-module__text::after { content: "\a SHADE (shadee.ru) is not affiliated, endorsed by, or in any way associated with the Facepunch"; white-space: normal; position: relative; top: 7px; color: rgba(255, 255, 255, 0.4); text-transform: uppercase; } .ShopFooter-module__links { display: none; } .Widgets-module__wrapper.Widgets-module__rightSide { margin-right: 0; margin-left: 0; margin-top: -25px; border-left: none; border-image: none; background-image: none; } .monitoring { width: 100%; height: auto; margin-bottom: 20px; } .mon_about:hover::after { display: none; } .mon_about:after { display: none; } .mon_header { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; margin-left: 15px; margin-right: 15px; } .mon_container { background: rgba(255, 255, 255, 0.03); border-radius: 8px; display: flex; row-gap: 0.5rem; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 15px; flex-direction: column; } .discord_widget { background: rgb(255 255 255 / 3%); border-radius: 8px; display: flex; gap: 10px; margin-top: 0px; margin-left: 0px; padding: 15px; flex-direction: column; overflow: visible; opacity: 0; animation: stretchHover 0.2s ease-out forwards; animation-delay: 0.3s; } .boxHeader, .boxBody, .boxFooter { padding: 10px; } .socials { display: none; } .ProfileNav-module__wrapper.ProfileNav-module__rightSide { margin-right: 0px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px; } .Profile-module__wrapper.Profile-module__rightSide { flex-direction: column-reverse; margin-top: 100px; } .ProfileBasket-module__wrapper.ProfileBasket-module__rightSide { flex-direction: column-reverse; margin-top: 100px; } .ProfileHistory-module__wrapper.ProfileHistory-module__rightSide { flex-direction: column-reverse; margin-top: 100px; } .CustomPage-module__wrapper.CustomPage-module__rightSide { margin-top: 100px; } .ProfileContent-module__body.boxBody::after { display: block; content: "Промокоды можно найти на нашем Discord-сервере, а иногда и в Telegram."; text-align: center; font-size: 13px; height: 50px; margin-top: 17px; color: #70dd58; background-color: #12290d; border: 1px solid #225317; font-weight: 500; padding: 8px; border-radius: 10px; } .Widgets-module__widgetWrapper+.Widgets-module__widgetWrapper { width: 100%; margin-top: 15px; } .promo-block { position: fixed; bottom: 75px; left: 11%; width: 100%; background-color: rgb(37 37 37); border: 1px solid rgb(51 51 51); border-radius: 10px; padding: 15px; z-index: 10; display: flex; align-items: center; gap: 0px; justify-content: space-between; max-width: 300px; } #scrollTopBtn { margin-bottom: -10px; margin-right: -10px; } .footer-content { max-width: 100%; background-image: linear-gradient(180deg, var(--bg-color-800), transparent); border-radius: 10px; margin: 0px; position: relative; right: 0px; left: 0px; display: flex; margin-top: 20px; padding: 15px 0px; align-items: center; flex-direction: column; } .project-info { display: flex; flex-direction: row; align-items: center; gap: 10px; } .project-info-title { display: flex; gap: 10px; flex-direction: row; align-items: center; margin-bottom: 0px; } .project-info-title-logo::before { display: none; } .footer-content p { position: relative; top: 10px; margin: 0; font-size: 12px; font-family: 'Montserrat', sans-serif; color: #858585; } .footer-nav { margin-top: 10px; display: flex; flex-direction: column; align-items: center; gap: 5px; flex-wrap: wrap; justify-content: center; } .copyright { background: url(https://images.timerust.ru/cp.php); background-repeat: no-repeat; width: 70px; height: 50px; margin-top: 20px; margin-right: 0px; } .project-info-alt p { text-align: center; font-size: 12px; color: #999999; font-family: 'Montserrat', sans-serif; } .footer-alternate-content { max-width: 100%; position: relative; right: unset; left: 0%; display: flex; margin: 0 auto; padding: 5px 20px; align-items: center; margin-bottom: 20px; } .MobileCopyright-module__wrapper { margin-top: 15px; margin-bottom: 15px; display: flex; justify-content: center; } .Product-module__img { position: absolute; top: -15px; left: 0; right: 0; object-fit: contain; width: 100%; transform: scale(0.6); aspect-ratio: 1 / 1; transition: all .2s ease; } .customModalContent { background: rgb(22 22 22); border-radius: 10px; width: 500px; overflow: hidden; margin-top: 20px; } .server_about_egg_aspect { background: rgb(42 109 26); color: #fff; font-size: 12px; padding: 3px 5px 3px 5px; border-radius: 5px; margin-left: 5px; } .server_about_egg { display: flex; background: #2d2d2d; font-size: 10px; padding: 10px; height: 45px; border-radius: 8px; border: solid 1px #3b3b3b; justify-content: space-between; align-items: center; } } .DesktopCopyright-module__wrapper { background-color: transparent !important; } .gs-loader__spinner { border: 5px solid #4cfa00; border-radius: 27% 73% 64% 36% / 69% 39% 61% 31%; box-shadow: 0px 0px 10px 0px rgba(67, 253, 96, 0.7), inset 0px 0px 10px 0px rgba(67, 253, 87, 0.7); } .searchinputdiv::after { content: "Введите код, чтобы получить баланс"; position: absolute; bottom: 55px; transform: translateY(20%); background-color: #1a7d1d; color: #ffffff; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 1000; opacity: 0; overflow: visible; transition: opacity 0.3s ease, transform 0.3s ease; } .searchinputdiv:hover::after { opacity: 1; transform: translateY(0); } .key-css, .more-opl{ background: #242424; border: 1px solid #2f2f2f; height: 50px; border-radius: 10px; width: 100%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.2s ease-in; margin-top: 10px; } .key-info, .funpay { opacity: 0; transform: translateY(-10px); transition: all 0.4s ease; display: none; /* скрыты по умолчанию */ } .key-info.show, .funpay.show { display: flex; opacity: 1; transform: translateY(0); }