.jhSsxS { width: fit-content; }
@media (max-width: 1000px) {
  .jhSsxS { z-index: 1; }
  .jhSsxS.desktop-only { display: none !important; }
}
.bYSiiw { position: relative; transform-origin: left top; will-change: transform, opacity; overflow: hidden; background: linear-gradient(rgb(28, 35, 52) 0%, rgb(31, 39, 57) 100%); box-shadow: rgba(8, 11, 17, 0.3) 0px 8px 12px 0px; border-radius: 14px; min-width: 276px; }
.bYSiiw.highlight-popup-enter, .bYSiiw.highlight-popup-appear { opacity: 0; transform: scale(0.94); }
.bYSiiw.highlight-popup-enter-active, .bYSiiw.highlight-popup-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.2s, transform 0.2s; }
.bYSiiw.highlight-popup-exit { opacity: 1; transform: scale(1); }
.bYSiiw.highlight-popup-exit-active { opacity: 0; transform: scale(0.94); transition: opacity 0.18s, transform 0.18s; }
.bYSiiw .modal-close { top: 16px; right: 16px; }
.bYSiiw::before { content: ""; position: absolute; border-radius: 300px; border: 1px solid rgb(139, 164, 255); background: rgb(47, 110, 244); opacity: 0.7; filter: blur(100px); left: -47px; top: -220px; width: 300px; height: 300px; }
.dVZeNU { display: block; }
.leOIHa { position: relative; z-index: 1; padding: 0px 16px 16px; }
.leOIHa h3 { color: rgb(232, 236, 244); font-size: 15px; font-weight: 500; text-transform: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; }
.leOIHa p { white-space: normal; color: rgb(156, 164, 190); text-align: center; font-size: 13px; line-height: 140%; margin-top: 6px; }
.leOIHa button { margin-top: 18px; padding: 10px 15px; border-radius: 6px; background: rgb(255, 200, 117); color: rgb(40, 43, 54); font-size: 12px; font-weight: 700; width: 100%; }
@media (max-width: 1000px) {
  .jCxQhZ { height: 100%; }
}
.ilQjmu { position: absolute; top: 40px; left: 0px; z-index: 1000; }
.elMOQv { background: rgba(18, 21, 31, 0.2); border-radius: 4px 0px 0px 4px; width: 32px; height: 100%; transition: background 0.3s; }
.elMOQv.csgo { background: linear-gradient(327.26deg, rgb(103, 45, 22) -17.01%, rgba(202, 145, 59, 0.6) 92.2%), rgba(18, 21, 31, 0.2); }
.elMOQv.cs2 { background: linear-gradient(327.26deg, rgb(44, 55, 122) -17.01%, rgba(103, 116, 196, 0.6) 92.2%), rgb(22, 27, 37); }
.elMOQv.rust { background: linear-gradient(327deg, rgb(103, 22, 22) -17.01%, rgba(202, 59, 59, 0.6) 92.2%), rgb(22, 27, 37); }
.elMOQv img { height: 16px; }
.fLxBuu { padding: 0px 16px; font-weight: 500; font-size: 14px; color: rgb(170, 181, 198); }
.fLxBuu img { width: 12px; margin-left: 4px; }
.biOWje { background: rgba(56, 65, 97, 0.5); backdrop-filter: blur(5.5px); height: 32px; border-radius: 4px; display: flex; -webkit-box-align: center; align-items: center; font-weight: 500; font-size: 14px; color: rgb(170, 181, 198); cursor: pointer; transition: 0.3s; }
.biOWje > div { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.biOWje:hover { filter: brightness(120%); }
.diHYew { position: absolute; transition: transform 0.3s; }
.flgdSW { width: 128px; height: 190px; padding: 12px; border-radius: 8px; transition: filter 0.3s; overflow: hidden; }
.flgdSW.csgo { background: linear-gradient(327.26deg, rgb(103, 45, 22) -17.01%, rgba(202, 145, 59, 0.6) 92.2%), rgb(22, 27, 37); }
.flgdSW.csgo .sc-Nxspf { top: -2px; left: -48px; height: 238px; }
.flgdSW.cs2 { background: linear-gradient(327.26deg, rgb(44, 55, 122) -17.01%, rgba(103, 116, 196, 0.6) 92.2%), rgb(22, 27, 37); }
.flgdSW.cs2 .sc-Nxspf { top: -8px; left: -75px; height: 250px; }
.flgdSW.rust { background: linear-gradient(327deg, rgb(103, 22, 22) -17.01%, rgba(202, 59, 59, 0.6) 92.2%), rgb(22, 27, 37); }
.flgdSW.rust .sc-Nxspf { top: 6px; left: -5px; height: 181px; }
.flgdSW h5 { position: absolute; bottom: 39px; left: 50%; font-family: "Roboto Condensed"; font-weight: 700; transform: translateX(-50%); font-size: 20px; letter-spacing: 0.02em; color: rgb(255, 255, 255); }
.flgdSW p { position: absolute; bottom: 19px; transform: translateX(-50%); left: 50%; font-family: "Roboto Condensed"; font-weight: 400; font-size: 12px; line-height: 17px; color: rgb(199, 211, 226); text-transform: lowercase; }
.flgdSW:hover { filter: brightness(120%); cursor: pointer; }
.flgdSW:hover .sc-Nxspf { transform: scale(1.4) translate(20px, 20px); }
.edAACO { padding: 12px; background: rgb(17, 21, 29); border: 1px solid rgb(26, 30, 45); border-radius: 12px; display: flex; gap: 6px; }
@media (max-width: 500px) {
  .edAACO { width: calc(-24px + 100vw); flex-direction: column; }
  .edAACO .sc-cfxfcM { width: 100%; height: 100px; }
  .edAACO .sc-cfxfcM h5 { top: 24px; bottom: auto; }
  .edAACO .sc-cfxfcM p { bottom: 24px; }
  .edAACO .sc-cfxfcM .sc-Nxspf { top: -12px; left: 12px; height: 140px; }
}
.iVRRxQ { width: 0px; height: 0px; opacity: 0; }
.hOJYsK { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-right: 10px; gap: 6px; }
.hOJYsK div { font-size: 13px; font-weight: 700; }
.hOJYsK span { margin: 0px !important; }
.hOJYsK.collapsed { padding: 0px; }
@media (max-width: 768px) {
  .hOJYsK { flex-direction: row; padding: 0px; }
}
.gHyQCK { display: flex; -webkit-box-align: center; align-items: center; transition: opacity 0.2s; color: inherit; }
.jOjjbA { padding: 0px 3px; }
@media (max-width: 1000px) {
  .jOjjbA { padding: 12px 5px; }
}
.jvLokw { margin: 0px auto; padding: 24px 12px 0px; width: 1604px; display: flex; flex-direction: column; gap: 30px; }
@media (max-width: 1750px) {
  .jvLokw { width: 1250px; }
}
@media (max-width: 1350px) {
  .jvLokw { width: 100%; }
}
.djsaOQ { display: grid; grid-template-columns: 396px 1fr; gap: 20px; }
@media (max-width: 1750px) {
  .djsaOQ { grid-template-columns: 337px 1fr; }
}
@media (max-width: 1350px) {
  .djsaOQ { grid-template-columns: 1fr; }
}
.dWHWtx { border-radius: 10px; background: linear-gradient(rgb(21, 25, 34) 0%, rgb(36, 38, 45) 100%); height: auto; overflow: hidden; }
@media (max-width: 1350px) {
  .dWHWtx { display: none; }
}
.cyrWQS { display: flex; flex-direction: column; gap: 14px; }
.gSmdeq { border-radius: 10px; background: rgb(21, 26, 38); padding: 26px; margin-bottom: 60px; }
.fqdqyC { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 12px; margin-bottom: 12px; }
@media (max-width: 1350px) {
  .fqdqyC { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 650px) {
  .fqdqyC { grid-template-columns: 1fr; }
}
.uNVSk { position: absolute; left: 52%; width: 270px; bottom: 0px; transform: translateX(-50%); }
.bAYdnx div { display: flex; -webkit-box-align: center; align-items: center; color: rgb(213, 217, 228); font-size: 12px; font-weight: 500; margin-top: 10px; }
.bAYdnx img { width: 16px; margin-right: 5px; }
.bRANrZ { color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.dlYZDw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 25px; }
.dlYZDw h2 { color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; }
.dlYZDw button { padding: 10px 12px; border-radius: 8px; border: 1px solid rgb(38, 47, 65); color: rgb(151, 165, 190); font-size: 11px; font-weight: 700; text-transform: uppercase; background: transparent; }
.jTwYIY { border-radius: 6px; background: linear-gradient(176deg, rgba(27, 35, 53, 0.6) 0%, rgba(38, 47, 71, 0.6) 100%); padding: 2px 16px 16px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; transition: background 0.2s; overflow: hidden; cursor: pointer; }
.jTwYIY::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; backdrop-filter: blur(15px); background: linear-gradient(rgb(27, 35, 53) 0%, rgb(42, 58, 100) 100%); opacity: 0; transition: opacity 0.2s; }
.jTwYIY > img { max-width: 95%; margin-bottom: 12px; }
.jTwYIY p { color: rgb(113, 121, 142); font-size: 11px; font-weight: 400; opacity: 0.9; }
.jTwYIY h6 { color: rgb(232, 236, 244); font-size: 14px; margin: 1px 0px 12px; font-weight: 500; line-height: 18px; opacity: 0.9; }
.jTwYIY button { border-radius: 4px; background: rgb(96, 128, 255); width: 100%; padding: 10px 16px; color: rgba(255, 255, 255, 0.9); font-size: 14px; font-weight: 700; text-transform: uppercase; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.jTwYIY button img { width: 16px; margin-right: 6px; }
.jTwYIY:hover::before { opacity: 1; }
.bNxCCt { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 10px; }
@media (max-width: 1330px) {
  .bNxCCt { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
}
.eDqsUA { position: absolute; left: 40px; top: 40px; z-index: 2; }
.eDqsUA h2 { margin-bottom: 13px; color: rgb(216, 211, 208); font-size: 18px; font-weight: 700; line-height: 25px; text-transform: uppercase; width: 177px; }
.eDqsUA button { padding: 13px; border-radius: 8px; background: rgba(166, 133, 115, 0.1); display: flex; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(235, 182, 103); font-size: 14px; font-weight: 500; }
.kSGsXu { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 21px; }
.kSGsXu button { height: 28px; padding: 0px 16px; display: flex; -webkit-box-align: center; align-items: center; border-radius: 4px; background: rgb(96, 128, 255); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; text-transform: uppercase; }
.kSGsXu button img { width: 16px; margin-right: 4px; }
.kSGsXu span { width: 50px; margin-left: 9px; color: rgb(96, 128, 255); font-size: 10px; font-weight: 500; text-transform: uppercase; }
.eoBgOZ { position: absolute; color: rgba(255, 255, 255, 0.9); font-size: 12px; top: 20px; right: 20px; display: flex; -webkit-box-align: center; align-items: center; font-weight: 600; }
.eoBgOZ img { width: 14px; margin-left: 3px; }
.fcWWEi { position: absolute; top: 50%; transform: translateY(-50%); right: 32px; display: flex; -webkit-box-align: center; align-items: center; }
.fcWWEi img { width: 165px; transition: transform 0.2s; z-index: 1; }
.fcWWEi div { width: 80px; height: 80px; display: block; border-radius: 80px; background: rgba(128, 163, 255, 0.5); filter: blur(30px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.fKsixo { border-radius: 10px; overflow: hidden; }
.fKsixo.no-rounding { border-radius: 10px 10px 0px 0px; }
.fKsixo > div { padding: 20px; cursor: pointer; width: 100%; height: 100%; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; z-index: 1; }
.fKsixo::before, .fKsixo::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; transition: opacity 0.2s; }
.fKsixo::before { background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%); }
.fKsixo::after { background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%); opacity: 0; z-index: 0; }
.fKsixo h6 { margin-bottom: 1px; color: rgb(255, 255, 255); opacity: 0.9; font-size: 12px; font-weight: 400; }
.fKsixo h2 { color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; line-height: 18px; }
.fKsixo:nth-child(2)::before { background: linear-gradient(166deg, rgb(23, 29, 47) 0%, rgb(61, 88, 161) 100%); }
.fKsixo:nth-child(2)::after { background: linear-gradient(166deg, rgb(30, 39, 64) 0%, rgb(91, 121, 202) 100%); }
.fKsixo:nth-child(2) .sc-fiCwlc div { background: rgba(128, 163, 255, 0.5); }
.fKsixo:nth-child(3)::before { background: linear-gradient(166deg, rgb(28, 29, 51) 0%, rgb(89, 45, 100) 100%); }
.fKsixo:nth-child(3)::after { background: linear-gradient(166deg, rgb(40, 41, 74) 0%, rgb(125, 66, 139) 100%); }
.fKsixo:nth-child(3) .sc-fiCwlc div { background: rgba(255, 128, 173, 0.5); }
.fKsixo:nth-child(4)::before { background: linear-gradient(166deg, rgb(22, 29, 46) 0%, rgb(35, 88, 72) 100%); }
.fKsixo:nth-child(4)::after { background: linear-gradient(166deg, rgb(33, 44, 72) 0%, rgb(45, 124, 101) 100%); }
.fKsixo:nth-child(4) .sc-fiCwlc div { background: rgba(128, 255, 178, 0.5); }
.fKsixo:nth-child(1)::before { background: linear-gradient(166deg, rgb(39, 36, 30) 0%, rgb(161, 133, 61) 100%); }
.fKsixo:nth-child(1)::after { background: linear-gradient(166deg, rgb(62, 54, 42) 0%, rgb(203, 162, 55) 100%); }
.fKsixo:nth-child(1) .sc-fiCwlc div { background: rgba(255, 200, 60, 0.5); }
.fKsixo:hover::before { opacity: 0; }
.fKsixo:hover::after { opacity: 1; }
.fKsixo:hover .sc-fiCwlc img { transform: scale(1.15); }
.fKsixo.custom::after { content: none; }
.fKsixo.custom::before { background: url("") center center / cover no-repeat; }
.fKsixo.custom:hover::before { opacity: 1; }
.fjYemE { font-size: 14px; font-weight: 700; display: flex; -webkit-box-align: center; align-items: center; position: absolute; right: 20px; bottom: 20px; z-index: 1; color: rgb(255, 255, 255); }
.fjYemE img { width: 14px; margin-left: 4px; }
.egKaec { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; margin-bottom: 25px; }
.egKaec p { color: rgba(240, 179, 88, 0.9); font-size: 10px; font-weight: 500; text-transform: uppercase; width: 70px; white-space: normal; }
.egKaec svg { width: 24px; }
.cidetw { display: flex; -webkit-box-align: center; align-items: center; }
.cidetw span { border-radius: 4px; background: rgba(240, 179, 88, 0.24); padding: 0px 6px; line-height: 19px; color: rgb(240, 179, 88); font-size: 10px; font-weight: 400; margin-left: 2px; }
@media (max-width: 1750px) {
  .cidetw span { font-size: 9px; }
}
.ciUSLL { padding: 28px 28px 26px; border-radius: 10px; background: rgb(24, 30, 46); }
.cqAqcC { margin-bottom: 14px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.cqAqcC h2 { color: rgb(255, 255, 255); font-size: 22px; font-weight: 700; display: flex; -webkit-box-align: center; align-items: center; }
.cqAqcC h2 img { margin-left: 8px; width: 20px; }
.grQOst { height: 38px; min-width: 38px; width: 38px; border-radius: 8px; background: rgba(96, 128, 255, 0.12); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: background 0.2s; }
.grQOst svg { height: 24px; }
.jAZvgR { padding: 0px 12px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }
.jAZvgR > div { width: 100%; }
.jAZvgR h6 { color: rgb(181, 195, 219); font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 1px; display: flex; -webkit-box-align: center; align-items: center; transition: color 0.2s; }
.jAZvgR h6 img { width: 12px; margin-left: 4px; transition: transform 0.2s; }
.hSDoxq, .hSDoxq .timer { display: flex; -webkit-box-align: center; align-items: center; color: rgb(83, 97, 124); font-size: 12px; font-weight: 500; }
.hSDoxq img { width: 16px; margin-left: 4px; }
@media (max-width: 1750px) {
  .hSDoxq { white-space: nowrap; overflow: hidden; }
}
.bRCXao { height: 554px; overflow: auto; width: calc(100% + 6px); padding-right: 6px; }
.bRCXao::-webkit-scrollbar-thumb, .bRCXao::-webkit-scrollbar { background: transparent; }
.bRCXao:hover::-webkit-scrollbar-thumb { background: rgb(41, 50, 69); }
@media (max-width: 1750px) {
  .bRCXao { height: 408px; }
}
.jPNQnb { border-radius: 8px; border: 2px solid rgba(96, 128, 255, 0.28); background: rgba(96, 128, 255, 0.05); padding: 8px 10px; display: flex; -webkit-box-align: center; align-items: center; color: rgb(96, 128, 255); font-size: 13px; font-weight: 700; transition: 0.2s; }
.jPNQnb svg { width: 18px; margin-right: 3px; }
.jPNQnb path { transition: fill 0.2s; }
.jPNQnb:hover { border: 2px solid rgba(96, 128, 255, 0.48); background: rgba(96, 128, 255, 0.15); color: rgb(164, 182, 255); filter: none; }
.jPNQnb:hover path { fill: rgb(164, 182, 255); }
.dDhCPa { background: transparent; padding: 17px 17px 12px; width: 100%; display: flex; -webkit-box-align: center; align-items: center; overflow: hidden; position: static; cursor: pointer; }
.dDhCPa .letter { position: absolute; right: 10px; bottom: -16px; font-size: 64px; font-weight: 800; color: rgb(35, 44, 62); background: -webkit-linear-gradient(top, rgba(35, 44, 62, 0.38), rgb(37, 46, 62)) text; -webkit-text-fill-color: transparent; }
.dDhCPa.bonus .sc-gfoqjT { background: rgba(96, 255, 179, 0.22); }
.dDhCPa.bonus .sc-kbousE h6 { color: rgb(160, 225, 149); }
.dDhCPa.daily .sc-gfoqjT { background: rgba(240, 179, 88, 0.22); }
.dDhCPa.yellow .sc-gfoqjT { background: rgba(245, 233, 77, 0.22); }
.fjzEgq { margin-top: 26px; height: 42px; border-radius: 8px; background: rgba(138, 185, 255, 0.22); color: rgb(169, 188, 216); font-size: 14px; font-weight: 700; width: 100%; transition: 0.2s; }
.fjzEgq:hover { background: rgba(138, 185, 255, 0.42); color: rgb(255, 255, 255); filter: none !important; }
.kmSNFe { padding: 0px 25px 18px 17px; display: flex; flex-direction: column; gap: 6px; opacity: 0; transition: opacity 0.5s; }
.cTSbKX { border-radius: 10px; position: relative; border: 1px solid rgba(80, 94, 120, 0.24); transition: 0.2s, max-height 0.5s; max-height: 74px; overflow: hidden; }
.cTSbKX:not(:last-child) { margin-bottom: 6px; }
.cTSbKX.completed { opacity: 0.6; max-height: 74px; }
.cTSbKX.completed .sc-ejfMa-d { display: none; }
.cTSbKX.completed .sc-bDumWk { padding-bottom: 17px; }
.cTSbKX.completed .sc-sLsrZ svg { width: 14px; margin-right: 2px; margin-left: 0px; }
.cTSbKX.opened { background: rgba(80, 94, 120, 0.04); max-height: 500px; }
.cTSbKX.opened .sc-ejfMa-d { opacity: 1; }
.cTSbKX.opened .sc-iEXKAA { opacity: 0; }
.cTSbKX.task.hovered, .cTSbKX.task:hover { border: 1px solid rgba(80, 94, 120, 0.44); }
.cTSbKX.task.hovered .sc-gfoqjT, .cTSbKX.task:hover .sc-gfoqjT { background: rgba(96, 128, 255, 0.22); }
.cTSbKX.task.hovered .sc-kbousE h6, .cTSbKX.task:hover .sc-kbousE h6 { color: rgb(233, 241, 255); }
.cTSbKX.task.hovered .sc-kbousE h6 img, .cTSbKX.task:hover .sc-kbousE h6 img { transform: translateX(2px); }
.cTSbKX.task.hovered .daily .sc-gfoqjT, .cTSbKX.task:hover .daily .sc-gfoqjT { background: rgba(240, 179, 88, 0.22); }
.cTSbKX.task.hovered .yellow .sc-gfoqjT, .cTSbKX.task:hover .yellow .sc-gfoqjT { background: rgba(245, 233, 77, 0.22); }
.cTSbKX.task.hovered .bonus .sc-gfoqjT, .cTSbKX.task:hover .bonus .sc-gfoqjT { background: rgba(96, 255, 179, 0.22); }
.cTSbKX.task.hovered .bonus .sc-kbousE h6, .cTSbKX.task:hover .bonus .sc-kbousE h6 { color: rgb(160, 225, 149); }
.kJsApI { width: 38px; min-width: 38px; height: 38px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.kJsApI img { width: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0.4; transition: opacity 0.2s; }
.kJsApI .romb span { border-radius: 5px; border: 2px solid transparent; width: 22px; height: 22px; transform: rotate(45deg); display: block; transition: border-color 0.2s; }
.kJsApI .romb.secondary::before { position: absolute; content: ""; left: 50%; top: -2px; transform: translate(-50%, -100%); width: 2px; background: linear-gradient(rgb(96, 128, 255) 0%, rgb(64, 73, 100) 100%); opacity: 0; transition: 0.2s; }
.kJsApI.active img { opacity: 1; }
.kJsApI.active .romb span { border-color: rgb(64, 73, 100); }
.kJsApI.active .romb::before { opacity: 1; }
.kJsApI.done img { opacity: 1; }
.kJsApI.done .romb span { border-color: rgb(96, 128, 255); }
.kJsApI.done .romb::before { opacity: 1; background: rgb(96, 128, 255); }
.ctGTcv { width: 38px; min-width: 38px; height: 38px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.ctGTcv img { width: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0.4; transition: opacity 0.2s; }
.ctGTcv .romb span { border-radius: 5px; border: 2px solid transparent; width: 22px; height: 22px; transform: rotate(45deg); display: block; transition: border-color 0.2s; }
.ctGTcv .romb.secondary::before { position: absolute; content: ""; left: 50%; top: -2px; transform: translate(-50%, -100%); width: 2px; height: 31px; background: linear-gradient(rgb(96, 128, 255) 0%, rgb(64, 73, 100) 100%); opacity: 0; transition: 0.2s; }
.ctGTcv.active img { opacity: 1; }
.ctGTcv.active .romb span { border-color: rgb(64, 73, 100); }
.ctGTcv.active .romb::before { opacity: 1; }
.ctGTcv.done img { opacity: 1; }
.ctGTcv.done .romb span { border-color: rgb(96, 128, 255); }
.ctGTcv.done .romb::before { opacity: 1; background: rgb(96, 128, 255); }
.jA-dCUM { border-radius: 6px; border: 1px solid rgb(53, 62, 91); background: rgba(32, 39, 58, 0.6); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 50px; width: 100%; color: rgb(97, 105, 126); font-size: 12px; font-weight: 400; backdrop-filter: blur(7px); }
.jA-dCUM > img { width: 14px; margin-right: 4px; }
.eGGCiF { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }
.eGGCiF .hover-on { opacity: 0; }
.eGGCiF:hover .sc-hHOBiw::before { opacity: 0; }
.eGGCiF:hover .sc-hHOBiw::after { opacity: 1; }
.eGGCiF:hover .sc-kzqdkY::before { opacity: 0; }
.eGGCiF:hover .sc-kzqdkY::after { opacity: 0; }
.eGGCiF:hover .sc-ecPEgm button:first-child { opacity: 1; }
.eGGCiF:hover .hover-off { opacity: 0; }
.eGGCiF:hover .hover-on { opacity: 1; }
.jYrZrm { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.jYrZrm div { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.jYrZrm svg { width: 28px; height: 28px; }
.jYrZrm.l svg { width: 36px; height: 36px; }
.jYrZrm.l div { width: 18px; height: 18px; }
.hYRYNA { background: linear-gradient(rgba(72, 86, 121, 0.46) 0%, rgba(72, 86, 121, 0.46) 0.01%, rgba(96, 113, 156, 0.46) 100%); padding: 10px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.iTnMqK h3 { color: rgb(132, 153, 185); font-size: 12px; font-weight: 400; margin-bottom: 3px; display: flex; -webkit-box-align: center; align-items: center; line-height: 14px; max-width: 190px; gap: 6px; white-space: normal; text-align: left; }
.iTnMqK .timer { color: rgb(132, 153, 185); font-size: 11px; text-transform: none; font-weight: 500; -webkit-box-align: center; align-items: center; display: flex; gap: 3px; }
.iTnMqK .timer svg { width: 12px; }
.iTnMqK h5 { color: rgb(199, 211, 226); font-size: 11px; font-weight: 500; line-height: 13px; white-space: normal; text-align: left; }
.bqxsHe { background: rgb(39, 48, 71); height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.bqxsHe path.hover { animation: 1s ease 0s infinite normal none running fRDsuO; }
.bqxsHe path.grey-hover { animation: 1s ease 0s infinite normal none running ggGmjz; }
.bqxsHe path.gold-hover { animation: 1s ease 0s infinite normal none running eihXFP; }
.eydleA { transition: opacity 0.2s; }
.eydleA p { line-height: 14px; text-align: right; color: rgb(207, 216, 229); font-size: 12px; font-weight: 500; margin-bottom: 5px; }
.eydleA svg { display: block; }
.gtpIDc { border-radius: 6px; grid-template-columns: 50px 1fr; display: grid; overflow: hidden; border: 1px solid transparent; }
.gtpIDc .hover-on { opacity: 0; }
.gtpIDc.waiting { border: 1px solid rgb(53, 62, 91); }
.gtpIDc.completed .sc-YysOf { background: rgba(39, 79, 76, 0.25); }
.gtpIDc.completed .sc-ePDLzJ { background: rgba(39, 79, 76, 0.17); }
.gtpIDc.completed .sc-cVzyXs h3 { color: rgb(132, 185, 153); }
.gtpIDc.completed .sc-cVzyXs h5 { color: rgb(202, 255, 220); }
.gtpIDc:hover .hover-off { opacity: 0; }
.gtpIDc:hover .hover-on { opacity: 1; }
.iWXeio { position: absolute; left: 50%; top: 50%; height: 14px; width: 14px; transform: translate(-50%, -50%); }
.iWXeio img, .iWXeio svg { width: 100%; height: 100%; }
.iWXeio img { vertical-align: initial; }
.epDKLm { display: flex; flex-direction: column; gap: 8px; }
.btyPPW { display: flex; flex-direction: column; gap: 4px; }
.btyPPW.blocked { pointer-events: none; }
.hsuByK { position: absolute; left: 0px; opacity: 0.4; top: 0px; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.rGeYi { overflow: hidden; border-radius: 10px; background: linear-gradient(239deg, rgb(23, 43, 97) 1.81%, rgb(81, 116, 240) 105.83%); backdrop-filter: blur(12px); padding: 16px; }
.rGeYi h2 { margin-bottom: 4px; font-size: 21px; font-weight: 900; line-height: 27px; display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.rGeYi h2 img { transition: 0.5s; width: 24px; opacity: 0; transform: translateX(-3px); }
.rGeYi p { width: 230px; color: rgb(197, 213, 255); font-size: 10px; font-weight: 500; line-height: 140%; margin-bottom: 16px; white-space: normal; }
.rGeYi button { height: 40px; border-radius: 6px; border: 1px solid rgb(255, 200, 117); width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(255, 200, 117); font-size: 10px; font-weight: 700; gap: 6px; background: transparent; }
.rGeYi button img { width: 18px; }
.rGeYi button.auth { background: rgb(96, 128, 255); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.rGeYi button.premium { background: rgb(255, 200, 117); color: rgb(40, 43, 54); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.rGeYi:hover .sc-kRRyDe { transform: scale(1.1); }
.rGeYi:hover h2 img { opacity: 1; transform: translateX(0px); }
.klsTNz { height: 100%; display: flex; -webkit-box-align: center; align-items: center; gap: 16px; }
.bxszwt { display: none; -webkit-box-align: center; align-items: center; height: 100%; gap: 16px; }
.bxszwt img { width: 46px; }
@media (max-width: 1000px) {
  .bxszwt { display: flex; }
}
.hDXdXM { width: 433px; max-width: 95%; padding: 24px; background: linear-gradient(rgb(33, 37, 51) -12.18%, rgb(23, 28, 38) 103.8%), rgb(255, 255, 255); border-radius: 12px; z-index: 1200; bottom: 12px; position: absolute; left: 280px; }
.hDXdXM p { font-weight: 400; font-size: 12px; line-height: 16px; color: rgb(119, 133, 151); margin-bottom: 24px; }
@media (max-width: 1000px) {
  .hDXdXM { left: 20px; bottom: 80px; }
}
@media (max-width: 650px) {
  .hDXdXM { left: 50%; bottom: 75px; transform: translateX(-50%); padding: 16px; }
}
.cJHRtx { font-weight: 500; font-size: 16px; display: flex; -webkit-box-align: center; align-items: center; letter-spacing: 0.02em; color: rgb(236, 241, 248); margin-bottom: 12px; }
.cJHRtx img { width: 16px; margin-right: 8px; }
.nvuDc { gap: 8px; display: flex; -webkit-box-align: center; align-items: center; }
.nvuDc button { width: 100%; height: 38px; background: rgb(96, 128, 255); border-radius: 8px; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; }
.nvuDc button:first-child { background: transparent; color: rgb(96, 128, 255); }
.IgmFf { width: 60px; height: 60px; border-radius: 50%; background: rgb(96, 128, 255); position: fixed; bottom: 20px; right: 20px; z-index: 99999; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.IgmFf svg { width: 32px; height: 32px; }
@media (max-width: 1000px) {
  .IgmFf { display: none; }
}
.bYsiox { width: 360px; border-radius: 20px; padding: 32px 8px 16px; position: relative; }
.cXKzrr { color: rgb(96, 128, 255); font-size: 36px; font-weight: 800; margin-bottom: 18px; padding-left: 16px; }
.dSBuVG { border-radius: 12px; background: rgb(20, 24, 37); padding: 8px; margin-bottom: 10px; }
.dSBuVG > div { border-radius: 10px; background: rgb(29, 35, 53); padding: 16px 32px 16px 18px; display: flex; gap: 12px; align-items: flex-start; }
.dSBuVG img { width: 40px; height: 40px; border-radius: 50%; }
.dSBuVG h6 { color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; line-height: 18px; }
.dSBuVG p { margin-top: 4px; color: rgb(121, 129, 147); font-size: 14px; line-height: 20px; }
.gzJrEJ { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 8px; padding: 18px 20px; border-radius: 12px; background: rgb(96, 128, 255); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; letter-spacing: 0.14px; }
.gzJrEJ img { width: 20px; height: 20px; }
.cAluEI { position: absolute; top: 8px; right: 8px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; z-index: 1; }
.ekbrxD { border-radius: 16px; background: rgb(23, 28, 43); padding: 4px; width: 560px; }
.ekbrxD h2 { color: rgb(96, 128, 255); font-family: Roboto; font-size: 20px; font-weight: 900; text-transform: uppercase; margin-bottom: 24px; }
@media (max-width: 650px) {
  .ekbrxD { width: 90%; }
}
.unBEM { padding: 40px 50px; min-height: 280px; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; }
.unBEM h6 { font-size: 26px; font-weight: 700; margin-bottom: 16px; }
.unBEM p { color: rgb(173, 188, 208); font-size: 14px; line-height: 23px; margin-bottom: 18px; }
@media (max-width: 650px) {
  .unBEM { padding: 24px; }
}
.eFmNqk { position: absolute; right: 20px; bottom: 16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; }
.jyhTiT { width: 36px; height: 36px; background-color: rgb(24, 30, 41); cursor: pointer; border-radius: 32px; transition: background-color 0.2s ease-in-out; }
.jyhTiT:hover { background-color: rgb(54, 63, 94); }
.jyhTiT svg { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.bdXyRx { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; -webkit-box-pack: center; justify-content: center; margin-top: 10px; }
.dSYEZl { height: 314px; overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; border-radius: 8px; }
.dSYEZl video, .dSYEZl img { width: 100%; height: 100%; object-fit: cover; }
.dEaGaU { cursor: pointer; width: 10px; height: 10px; background-color: rgb(96, 128, 255); }
.kqLWXk { cursor: pointer; width: 8px; height: 8px; background-color: rgb(108, 115, 135); }
.fjFQXu { cursor: pointer; }
.ibfUWy { padding: 48px 0px; max-width: 90%; width: 1060px; margin: 0px auto; }
.ibfUWy h2 { margin-bottom: 16px; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; font-family: Montserrat; font-size: 24px; font-weight: 800; }
.ibfUWy h2 img { width: 24px; }
.ibfUWy ul { display: flex; flex-direction: column; gap: 6px; }
.ibfUWy h3 { color: rgb(234, 240, 255); text-transform: none; font-family: Montserrat; font-size: 16px; font-weight: 700; text-align: left; }
.ibfUWy p { margin-top: 10px; color: rgb(69, 89, 119); font-family: Montserrat; font-size: 14px; font-weight: 400; line-height: 22px; opacity: 0; }
.ibfUWy .arrow { transition: transform 0.2s; }
.ibfUWy li { padding: 18px 24px; border-radius: 8px; background: rgb(49, 53, 70); max-height: 60px; overflow: hidden; transition: 0.2s; }
@media (max-width: 650px) {
  .ibfUWy li { max-height: 75px; }
}
.ibfUWy li.active { max-height: 600px; background: rgb(235, 239, 249); }
.ibfUWy li.active p { opacity: 1; }
.ibfUWy li.active h3 { color: rgb(16, 20, 26); }
.ibfUWy li.active path { fill: rgb(16, 20, 26); }
.ibfUWy li.active .arrow { transform: rotate(180deg); }
.ibfUWy li div { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 2px; }
@media (max-width: 1750px) {
  .ibfUWy { width: 100%; }
}
@media (max-width: 650px) {
  .ibfUWy { padding-top: 0px; }
  .ibfUWy h2 { font-size: 21px; }
}
.kBsfGu { background: rgb(12, 15, 21); }
.jRCro { width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; gap: 24px; padding-top: 75px; }
@media (max-width: 1000px) {
  .jRCro { padding-right: 0px; }
}
@media (max-width: 840px) {
  .jRCro { padding-top: 0px; height: auto; }
}
.iFOiHh { top: 43px; width: 378px; height: 338px; }
@media (max-width: 1500px) {
  .iFOiHh { display: none; }
}
.kbDvVo > p { color: rgb(173, 188, 208); font-size: 15px; line-height: 22px; margin-bottom: 20px; }
@media (max-width: 840px) {
  .kbDvVo { padding: 75px 24px; width: 100%; }
  .kbDvVo.no-padding { padding: 75px 0px 0px; }
}
.TgYmc { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 2px; }
.TgYmc > img { width: 20px; margin-left: 6px; }
.TgYmc h2 { display: flex; -webkit-box-align: center; align-items: center; font-size: 27px; font-weight: 700; font-family: Roboto; }
.TgYmc h2 img { width: 32px; margin-right: 6px; }
.iipTHc { gap: 6px; padding-right: 6px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; max-height: 384px; overflow: hidden auto; }
.iipTHc.long { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
@media (max-width: 1750px) {
  .iipTHc { grid-template-columns: 1fr 1fr 1fr; }
  .iipTHc.long { grid-template-columns: 1fr 1fr 1fr 1fr; }
}
@media (max-width: 650px) {
  .iipTHc { max-height: none; }
  .iipTHc.long { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
}
.kJSOKF { position: absolute; bottom: 0px; left: 0px; height: 79px; width: 100%; display: block; z-index: 3; transition: opacity 0.4s; background: linear-gradient(rgba(12, 15, 21, 0) 0%, rgb(12, 15, 21) 50.13%); pointer-events: none; opacity: 1; }
.kJSOKF.light { background: rgb(19, 24, 33); }
@media (max-width: 650px) {
  .kJSOKF { display: none; }
}
.hyqytb::-webkit-scrollbar-thumb, .hyqytb::-webkit-scrollbar { background: transparent; }
.hyqytb:hover::-webkit-scrollbar-thumb { background: rgb(41, 50, 69); }
.dMMyvS { width: 53px; height: 53px; display: block; border-radius: 50%; margin-bottom: 10px; }
.cqRSOm { color: rgb(173, 188, 208); font-size: 12px; line-height: 22px; }
@media (max-width: 840px) {
  .cqRSOm { font-size: 10px; }
}
.bLwcNC { color: rgb(255, 152, 56); font-size: 14px; font-weight: 700; display: flex; -webkit-box-align: center; align-items: center; }
.bLwcNC img { width: 14px; margin-left: 4px; }
.brMvEf { font-size: 12px; position: absolute; left: 10px; top: 10px; display: flex; -webkit-box-align: center; align-items: center; z-index: 2; }
.brMvEf svg { width: 18px; margin-right: 2px; }
.dTjVnV { gap: 22px; display: flex; align-items: flex-start; }
@media (max-width: 840px) {
  .dTjVnV { flex-direction: column; }
  .dTjVnV > div { width: 100%; }
}
.hRQKqb { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 6px; background: rgb(37, 42, 57); z-index: 1; padding: 30px 0px 21px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; opacity: 0; pointer-events: none; transition: 0.2s; }
.kLcytp { height: fit-content; }
.kLcytp img { max-width: 76px; width: 100px; max-height: 50px; object-fit: contain; }
.kLcytp::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url("/cloud.cybershoke.net/pages/shop/item-bg/color-milspec.png") center center / cover no-repeat; }
.mJQvL { border-radius: 6px; background: rgba(23, 28, 42, 0.7); width: 120px; height: 100%; padding: 28px 0px 21px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; transition: background 0.2s; }
.mJQvL.place-1 .sc-jCeCH, .mJQvL.place-2 .sc-jCeCH, .mJQvL.place-3 .sc-jCeCH { top: 9px; left: 9px; font-weight: 600; }
.mJQvL.place-1 { background: linear-gradient(208deg, rgba(23, 28, 42, 0.7) 0%, rgba(68, 60, 47, 0.7) 100%); }
.mJQvL.place-1 .sc-jCeCH { color: rgb(255, 203, 69); }
.mJQvL.place-1 .sc-jCeCH path { fill: rgb(255, 203, 69); }
.mJQvL.place-2 { background: linear-gradient(207deg, rgba(23, 28, 42, 0.7) 0%, rgba(51, 63, 82, 0.7) 100%); }
.mJQvL.place-2 .sc-jCeCH { color: rgb(167, 197, 255); }
.mJQvL.place-2 .sc-jCeCH path { fill: rgb(167, 197, 255); }
.mJQvL.place-3 { background: linear-gradient(208deg, rgba(23, 28, 42, 0.7) 0%, rgba(73, 53, 52, 0.7) 100%); }
.mJQvL.place-3 .sc-jCeCH { color: rgb(218, 129, 102); }
.mJQvL.place-3 .sc-jCeCH path { fill: rgb(218, 129, 102); }
.mJQvL:hover { background: rgb(37, 42, 57); }
.mJQvL:hover .sc-dpXIED { opacity: 1; pointer-events: all; }
@media (max-width: 840px) {
  .mJQvL { width: 100%; }
}
.doqjqN { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.doqjqN svg { transition: 0.2s; height: 42px; display: block; }
.cVXhns { position: absolute; right: -26px; top: 36px; width: 24px; height: 24px; border-radius: 8px; background: rgb(23, 27, 38); color: rgb(87, 99, 144); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 0; flex-shrink: 0; z-index: 1; transition: 0.2s; }
.cVXhns svg { content: ""; width: 16px; height: 16px; transform: rotate(0deg); transition: color 0.18s, transform 0.18s; }
.cVXhns:hover { background: rgb(26, 33, 51); transform: scale(1.04); }
@media (max-width: 1000px) {
  .cVXhns { display: none; }
}
.hWeoJD { width: 246px; min-width: 246px; height: 100vh; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 18px; padding: 14px 16px 24px; background: rgb(12, 16, 26); position: fixed; left: 0px; top: 0px; bottom: 0px; transition: 0.2s; z-index: 1201; }
.hWeoJD > div { width: 100%; }
.hWeoJD.collapsed .sidebar-top { padding: 0px 6px; flex-direction: column; }
.hWeoJD.collapsed .sidebar-link { gap: 0px; padding: 10px 18px; }
.hWeoJD.collapsed .sidebar-link span { max-width: 0px; opacity: 0; pointer-events: none; }
.hWeoJD.collapsed .sidebar-link .sidebar-progress-badge { max-width: 0px; margin-left: 0px; padding: 0px; opacity: 0; }
.hWeoJD.collapsed .sc-irPWCR svg { height: 40px; }
.hWeoJD.collapsed .sidebar-separator { margin: 8px auto; }
.hWeoJD:hover .sc-iSYyZG { opacity: 1; }
@media (max-width: 1000px) {
  .hWeoJD { width: 100%; height: auto; min-width: 0px; top: auto; flex-direction: row; gap: 0px; padding: 0px; background: rgba(19, 24, 33, 0.9); backdrop-filter: blur(8px); }
  .hWeoJD .sidebar-top, .hWeoJD .sidebar-bottom, .hWeoJD .sidebar-separator { display: none; }
  .hWeoJD .sidebar-nav { flex-direction: row; -webkit-box-pack: center; justify-content: center; gap: 4px; padding: 14px 16px; margin-top: 0px !important; }
  .hWeoJD .sidebar-link { width: 100%; min-width: 0px; flex: 1 1 0px; -webkit-box-pack: center; justify-content: center; padding: 8px; }
  .hWeoJD .sidebar-link.desktop-only { display: none; }
  .hWeoJD .sidebar-link span { display: none; }
  .hWeoJD .sidebar-link .sidebar-progress-badge { display: none; }
  .hWeoJD .sidebar-miniapps { flex: 1 1 0px; min-width: 0px; }
  .hWeoJD .sidebar-hover-highlight { display: none; }
}
.jqEnFZ { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 16px; width: 100%; position: relative; transition: padding 0.2s; }
.bFKJse { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; position: static; }
.ebfHfI { width: 100%; height: 1px; background: rgba(57, 67, 96, 0.1); margin: 8px 0px; position: relative; z-index: 1; }
.gxJoz { width: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 6px; margin-top: 28px; position: relative; }
@media (max-width: 1750px) {
  .gxJoz { margin-top: 18px; }
}
.iCysSf { width: 100%; display: flex; -webkit-box-align: center; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 8px; transition: 0.3s; position: relative; z-index: 1; }
.iCysSf span { color: rgb(184, 194, 211); font-size: 15px; font-weight: 500; letter-spacing: 0.3px; max-width: 150px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; transition: max-width 0.2s, opacity 0.16s; }
.iCysSf .genshin-attention { position: absolute; bottom: -3px; right: -3px; width: 12px; min-width: 12px; height: 12px; z-index: 1; }
.iCysSf:hover, .iCysSf.active { color: rgb(220, 232, 248); }
.iCysSf.active { z-index: 2; background: rgb(24, 32, 54); }
.iCysSf.active span { color: rgb(96, 128, 255); }
.iCysSf.golden { z-index: 2; background: rgb(41, 38, 35); }
.iCysSf.golden span { color: rgb(240, 179, 88); }
.iCysSf.golden:hover, .iCysSf.golden.active { background: rgb(41, 38, 35); }
.ebfUTc { width: 100%; }
@media (max-width: 1000px) {
  .ebfUTc { flex: 1 1 0px; min-width: 0px; }
  .ebfUTc.desktop-only { display: none; }
}
.flQHgQ { margin-left: auto; padding: 5px 10px; border-radius: 999px; background: rgba(96, 128, 255, 0.14); color: rgb(143, 165, 255); font-size: 13px; font-weight: 700; line-height: 14px; white-space: nowrap; overflow: hidden; transition: max-width 0.2s, margin-left 0.2s, padding 0.2s, opacity 0.16s; }
.lgTUrU { position: absolute; left: 0px; right: 0px; top: 0px; border-radius: 8px; background: rgba(57, 67, 96, 0.12); pointer-events: none; z-index: 0; will-change: transform, height, opacity; transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), height 0.18s, opacity 0.14s; }
.eHRxcg img, .eHRxcg svg { display: block; width: 24px; height: 24px; min-width: 24px; flex-shrink: 0; transition: opacity 0.2s, transform 0.2s; }
.kuNHop { position: relative; border-radius: 15px; background: url("/cloud.cybershoke.net/pages/main/pickem-banner-bg.png") center center / cover no-repeat rgb(28, 35, 52); box-shadow: rgba(8, 11, 17, 0.3) 0px 8px 12px 0px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 16px 0px; overflow: hidden; transform-origin: center bottom; animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running hleIoX; }
.kuNHop img { height: 90px; }
.kuNHop h2 { color: rgb(232, 236, 244); font-size: 15px; font-weight: 500; margin-top: 12px; }
.kuNHop p { margin: 6px 0px 18px; color: rgb(156, 164, 190); text-align: center; font-size: 13px; line-height: 140%; padding: 0px 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.kuNHop div { padding: 0px 16px; width: 100%; }
@media (max-height: 860px) {
  .kuNHop { display: none; }
}
.fEjXtk { position: absolute; top: 6px; right: 6px; z-index: 1; width: 24px; height: 24px; border-radius: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: transparent; transition: background 0.18s, transform 0.18s; }
.fEjXtk svg { width: 12px; height: 12px; }
.fEjXtk:hover { background: rgba(8, 11, 17, 0.7); transform: scale(1.05); }
.esJcgL { border-radius: 6px; background: rgb(255, 200, 117); padding: 10px 15px; color: rgb(40, 43, 54); font-size: 12px; font-weight: 700; width: 100%; white-space: nowrap; }
.gyuFLx { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(57, 67, 96, 0.1); }
.gyuFLx div { -webkit-box-pack: center; justify-content: center; }
.bFyAnk { display: block; }
.ktKTJv { width: 100%; position: relative; z-index: 1; }
.jkjKsL { height: 200px; position: absolute; top: 0px; left: 0px; right: 0px; overflow: hidden; }
.jkjKsL span { position: absolute; top: -50px; left: -40px; width: 115px; height: 55px; background: linear-gradient(135deg, rgba(96, 128, 255, 0.3), rgba(103, 116, 196, 0.2)); border-radius: 50%; filter: blur(25px) brightness(1.1) contrast(1.2) saturate(1.3); pointer-events: none; z-index: 0; }
.dlAkRM { position: fixed; bottom: 36px; left: 280px; z-index: 101; display: flex; flex-direction: column; transition: left 0.2s; gap: 6px; }
@media (max-width: 1000px) {
  .dlAkRM { display: none; }
}
@-webkit-keyframes fRDsuO { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(233, 56, 72); }
  100% { fill: rgb(64, 73, 100); }
}
@keyframes fRDsuO { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(233, 56, 72); }
  100% { fill: rgb(64, 73, 100); }
}
@-webkit-keyframes ggGmjz { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(191, 195, 201); }
  100% { fill: rgb(64, 73, 100); }
}
@keyframes ggGmjz { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(191, 195, 201); }
  100% { fill: rgb(64, 73, 100); }
}
@-webkit-keyframes eihXFP { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(208, 188, 95); }
  100% { fill: rgb(64, 73, 100); }
}
@keyframes eihXFP { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(208, 188, 95); }
  100% { fill: rgb(64, 73, 100); }
}
.eYTJzK { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }
@media (max-width: 1750px) {
  .eYTJzK { width: 133%; height: 125%; transform: translate(-50%, -50%) scale(0.7); }
}
.diKrIw { top: 40px; right: 20px; transition: transform 0.2s; }
.imXaGe { position: absolute; left: 50%; transform: translateX(-50%); z-index: 0; bottom: 9px; width: 83px; }
.eJolqc { transition: transform 0.2s; width: 100%; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.eJolqc.blocked { pointer-events: none; }
.hYvBro { z-index: 1; transition: 0.2s; }
.DKjwc { position: absolute; z-index: 2; left: 50%; top: 40%; transform: translate(-50%, -50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.DKjwc svg { height: auto; width: 60px; }
.hAgDic { position: absolute; right: 610px; top: 62px; z-index: 1; padding: 34px 17px 28px; cursor: pointer; transition: opacity 0.5s; }
.hAgDic.hovered .sc-exinlk, .hAgDic:hover .sc-exinlk { transform: translateY(-10px) scale(1.2); }
.hAgDic.transparent { opacity: 0.6; }
.hAgDic.bonus .sc-iNONgS { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.hAgDic.bonus .sc-hemNCx { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.iXvsCi { position: absolute; right: 1026px; top: 408px; z-index: 1; padding: 34px 17px 28px; cursor: pointer; transition: opacity 0.5s; }
.iXvsCi.hovered .sc-exinlk, .iXvsCi:hover .sc-exinlk { transform: translateY(-10px) scale(1.2); }
.iXvsCi.transparent { opacity: 0.6; }
.iXvsCi.bonus .sc-iNONgS { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.iXvsCi.bonus .sc-hemNCx { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.cAbLAU { position: absolute; right: 288px; top: 555px; z-index: 1; padding: 34px 17px 28px; cursor: pointer; transition: opacity 0.5s; }
.cAbLAU.hovered .sc-exinlk, .cAbLAU:hover .sc-exinlk { transform: translateY(-10px) scale(1.2); }
.cAbLAU.transparent { opacity: 0.6; }
.cAbLAU.bonus .sc-iNONgS { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.cAbLAU.bonus .sc-hemNCx { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.cwrXLz { position: absolute; right: 417px; top: 394px; z-index: 1; padding: 34px 17px 28px; cursor: pointer; transition: opacity 0.5s; }
.cwrXLz.hovered .sc-exinlk, .cwrXLz:hover .sc-exinlk { transform: translateY(-10px) scale(1.2); }
.cwrXLz.transparent { opacity: 0.6; }
.cwrXLz.bonus .sc-iNONgS { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.cwrXLz.bonus .sc-hemNCx { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.fHCDTt { position: absolute; right: 676px; top: 405px; z-index: 1; padding: 34px 17px 28px; cursor: pointer; transition: opacity 0.5s; }
.fHCDTt.hovered .sc-exinlk, .fHCDTt:hover .sc-exinlk { transform: translateY(-10px) scale(1.2); }
.fHCDTt.transparent { opacity: 0.6; }
.fHCDTt.bonus .sc-iNONgS { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.fHCDTt.bonus .sc-hemNCx { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.agrei { position: absolute; right: 793px; top: 150px; z-index: 1; padding: 34px 17px 28px; cursor: pointer; transition: opacity 0.5s; }
.agrei.hovered .sc-exinlk, .agrei:hover .sc-exinlk { transform: translateY(-10px) scale(1.2); }
.agrei.transparent { opacity: 0.6; }
.agrei.bonus .sc-iNONgS { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.agrei.bonus .sc-hemNCx { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.dHTbJz { position: absolute; right: 442px; top: 215px; z-index: 1; padding: 34px 17px 28px; cursor: pointer; transition: opacity 0.5s; }
.dHTbJz.hovered .sc-exinlk, .dHTbJz:hover .sc-exinlk { transform: translateY(-10px) scale(1.2); }
.dHTbJz.transparent { opacity: 0.6; }
.dHTbJz.bonus .sc-iNONgS { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.dHTbJz.bonus .sc-hemNCx { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.hLgtWg { position: absolute; right: 36px; top: 398px; z-index: 1; padding: 34px 17px 28px; cursor: pointer; transition: opacity 0.5s; }
.hLgtWg.hovered .sc-exinlk, .hLgtWg:hover .sc-exinlk { transform: translateY(-10px) scale(1.2); }
.hLgtWg.transparent { opacity: 0.6; }
.hLgtWg.bonus .sc-iNONgS { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.hLgtWg.bonus .sc-hemNCx { background: rgba(52, 75, 51, 0.8); color: rgb(117, 205, 152); }
.gTVdeO { display: flex; flex-direction: column; position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); background: rgba(12, 15, 23, 0.93); width: 507px; height: 276px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 81px; }
.gTVdeO p { text-align: center; margin: 12px 0px 20px; font-size: 18px; font-weight: 700; line-height: 23px; }
.gTVdeO svg { width: 42px; }
.gTVdeO a { border-radius: 4px; background: rgb(96, 128, 255); padding: 15px 40px; color: rgba(255, 255, 255, 0.9); font-size: 15px; font-weight: 700; line-height: 17px; text-transform: uppercase; display: flex; -webkit-box-align: center; align-items: center; }
.kMWWoc { position: absolute; left: 28px; bottom: 28px; padding: 18px; border-radius: 8px; background: rgba(41, 45, 58, 0.9); backdrop-filter: blur(12px); z-index: 1; display: flex; flex-direction: column; gap: 14px; }
.kMWWoc h4 { color: rgb(141, 149, 166); font-size: 12px; text-transform: uppercase; }
.fqiUHz { display: flex; -webkit-box-align: center; align-items: center; gap: 14px; }
.kGUUkK { min-width: 230px; padding: 12px 4px; border-radius: 6px; border: 1px solid rgb(68, 74, 98); color: rgb(207, 217, 239); font-size: 14px; font-weight: 500; line-height: 16px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 4px; background: transparent; }
.kGUUkK img { width: 16px; }
.kGUUkK[disabled] { filter: none; opacity: 0.5; }
.eLyXEG { display: flex; -webkit-box-align: center; align-items: center; gap: 10px; }
@-webkit-keyframes hleIoX { 
  0% { opacity: 0; transform: translateY(8px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes hleIoX { 
  0% { opacity: 0; transform: translateY(8px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}