@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://i.imgur.com/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; }