.header-checker { display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: var(--br-16) var(--br-20); } .left-block-checker { display: flex; gap: var(--br-16); } .right-block-checker { display: flex; gap: var(--br-12); } .logo-checker { display: flex; align-items: center; } .logo-checker svg { height: 2rem; width: auto; } .checker-titles { display: flex; flex-direction: column; } .checker-title { display: flex; font-family: 'Unbounded'; font-weight: 600; font-size: var(--br-20); } .checker-desc { display: flex; color: var(--text-custom); font-size: var(--br-12); } .update-block-checker { display: flex; gap: var(--br-5); } .block-version-checker { display: flex; align-items: center; justify-content: center; padding: var(--br-5) var(--br-16); background: var(--span-middle); border-radius: 50px; color: var(--span); border: 1px solid; transition: var(--transition-ease-2); } .update-block-checker { display: flex; gap: var(--br-5); align-items: center; background: var(--bg-table); padding: var(--br-5) var(--br-16); border-radius: 50px; color: var(--text-custom); border: 1px solid; transition: var(--transition-ease-2); } .update-block-checker:hover, .block-version-checker:hover { cursor: pointer; filter: brightness(1.2); } .nav-checker-block { display: flex; height: auto; border-bottom: 1px solid var(--span-low); } .nav-checker-items { display: flex; align-items: center; gap: var(--br-10); font-size: var(--br-16); position: relative; width: 100%; flex-wrap: wrap; } .nav-checker-item { color: var(--text-default); transition: var(--transition-ease-2); padding: var(--br-10) var(--br-20); position: relative; display: flex; justify-content: center; gap: var(--br-10); border-radius: var(--br-10) var(--br-10) 0 0; flex: 1; white-space: nowrap; } .nav-checker-item svg { fill: currentColor; } .nav-checker-item:hover { cursor: pointer; color: var(--span); background: var(--span-low); } .nav-checker-item::after { content: ''; opacity: 0; color: var(--span); border-bottom: var(--br-2) transparent; width: 0%; display: flex; transition: var(--transition-ease-2); position: absolute; bottom: -1px; } .nav-checker-item:hover::after { content: ''; color: var(--span); border-bottom: var(--br-2) solid; width: 100%; display: flex; opacity: 1; } .nav-checker-item.active { color: var(--span); background: var(--span-middle); } .nav-checker-item.active::after { content: ''; color: var(--span); border-bottom: var(--br-2) solid; width: 100%; display: flex; opacity: 1; } .card-title { display: flex; font-family: 'Unbounded'; font-weight: 600; font-size: var(--br-20); align-items: center; gap: var(--br-10); color: var(--span); border-bottom: var(--br-2) solid var(--span); padding: 0.8rem .5rem; border-radius: 1rem; background: linear-gradient(270deg, var(--span-middle) 0%, transparent 70%); } .card-title svg { fill: currentColor; } .checker-alet { display: flex; background: var(--input-form); padding: var(--br-10) var(--br-16); gap: var(--br-10); border-radius: var(--br-12); border-left: var(--br-3) solid var(--span); transition: var(--transition-ease-2); min-height: 4rem; align-items: center; } .checker-alert-icon { display: flex; align-items: center; justify-content: center; padding: var(--br-10); background: var(--span-middle); border-radius: 50px; } .checker-alert-icon svg { fill: var(--span); width: 1.25rem; height: 1.25rem; transition: var(--transition-ease-2); } .checker-alet:hover { filter: brightness(1.2); transform: translateX(var(--br-5)); } .checker-alet:hover .checker-alert-icon svg { rotate: 15deg; } .checker-alert-text-2 { font-size: var(--br-20); color: var(--span); font-weight: 700; } .checker-icon-block { display: flex; flex-direction: column; align-items: center; justify-content: center; } .checker-icon { padding: var(--br-20) 0; } .checker-icon img { width: 100px; border-radius: var(--br-12); transition: var(--transition-ease-2); } .checker-icon img:hover { scale: 1.1; filter: drop-shadow(0 0 var(--br-5) var(--span-half)) drop-shadow(0 0 var(--br-7) var(--span-half)) drop-shadow(0 0 var(--br-10) var(--span-half)); } .checker-icon-title { display: flex; font-size: var(--br-20); font-weight: 700; } .checker-icon-version { display: flex; font-size: var(--br-12); font-weight: 400; color: var(--text-custom); } .checker-info-block { display: flex; justify-content: center; padding: var(--br-20) 0; } .checker-info-items { display: flex; align-items: center; flex-direction: column; min-width: 70%; border-radius: var(--br-12); border: 1px solid var(--transparent-10-w); } .checker-info-item { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--br-10) var(--br-16); transition: var(--transition-ease-2); background: var(--input-form); } .checker-info-item:not(:last-child) { border-bottom: 1px solid var(--transparent-4-w); } .checker-info-item:last-child { border-radius: 0 0 var(--br-12) var(--br-12); } .checker-info-item:first-child { border-radius: var(--br-12) var(--br-12) 0 0; } .checker-info-items:has(.checker-info-item:first-child:last-child) .checker-info-item { border-radius: var(--br-12); } .checker-info-item:hover { filter: brightness(1.2); } .checker-info-name { display: flex; align-items: center; gap: var(--br-5); } .checker-info-name svg { fill: var(--span); } .checker-info-value { display: flex; color: var(--span); font-weight: 600; } .checker-download-block { display: flex; justify-content: center; } .checker-virus-block { display: flex; justify-content: center; margin: var(--br-20) 0; } .checker-virus-item { display: flex; align-items: center; gap: .5rem; padding: var(--br-5) var(--br-20); background: var(--green-10); border-radius: var(--br-12); color: var(--green); border: 1px solid; transition: var(--transition-ease-2); } .checker-virus-item svg { fill: currentColor; } .checker-virus-item:hover { background: var(--green-20); } .tab-pane-checker { display: none; flex-direction: column; gap: var(--br-20); } .tab-pane-checker.active { display: flex; animation: fadeIn var(--transition-duration) ease; } .gallery { position: relative; display: flex; align-items: center; justify-content: center; } .gallery-track { display: flex; overflow: hidden; width: auto; height: 44rem; position: relative; border-radius: var(--br-12); } .gallery-item { min-width: 100%; height: 100%; object-fit: cover; display: none; cursor: pointer; } .gallery-item.active { display: block; animation: fadeIn var(--transition-duration) ease; } .gallery-nav { position: absolute; } .gallery-nav.prev { left: var(--br-5); } .gallery-nav.next { right: var(--br-5); } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .metod-block { display: flex; flex-direction: column; gap: var(--br-20); padding: var(--br-20) 0; } .metod-items { display: flex; flex-direction: column; gap: var(--br-20); padding: var(--br-5); border-radius: var(--br-12); border: 1px solid var(--transparent-4-w); transition: var(--transition-ease-2); } .metod-items:hover { border: 1px solid var(--transparent-5-w); } .metod-item { display: flex; flex-direction: column; gap: var(--br-8); background: var(--transparent-2-w); border-radius: var(--br-12); padding: var(--br-10) var(--br-16); border: 1px solid var(--transparent-2-w); transition: var(--transition-ease-2); } .metod-item:hover { background: var(--transparent-3-w); border: 1px solid var(--transparent-3-w); } .metod-item-title { display: flex; font-size: var(--br-20); font-family: 'Unbounded'; font-weight: 500; } .metod-item-copy { display: flex; width: 100%; justify-content: space-between; padding: var(--br-16); border-left: var(--br-3) solid var(--span); border-radius: var(--br-12); transition: var(--transition-ease-2); } .metod-item-copy-text { display: flex; font-size: var(--br-12); overflow-wrap: anywhere; width: 100%; } .metod-item-copy:hover { filter: brightness(1.2); } .metod-item-desc { display: flex; font-size: var(--br-12); color: var(--text-custom); } .metod-item-title, .metod-item-desc { display: flex; align-items: center; gap: var(--br-10); } .metod-item-title svg, .metod-item-desc svg { fill: var(--span); width: 1.2rem; height: 1.2rem; } .header-guide-nav { display: flex; justify-content: center; gap: var(--br-5); flex-wrap: wrap; } .header-guide-nav-item { display: flex; align-items: center; gap: var(--br-10); padding: var(--br-10) var(--br-20); background: var(--input-form); border-radius: var(--br-12); color: var(--span); border: 1px solid; font-weight: 600; transition: var(--transition-ease-2); } .header-guide-nav-item svg { fill: currentColor; } .header-guide-nav-item:hover { cursor: pointer; color: var(--span); background: var(--span-low); } .header-guide-nav-item.active { color: var(--span); background: var(--span-middle); border: 1px solid; } .content-guide-title { display: flex; align-items: center; gap: var(--br-10); padding: var(--br-20) 0 var(--br-12); font-size: var(--br-20); font-weight: 600; } .content-guide-title svg { fill: var(--span); } .content-guide-title-2 { padding: 0; } .guide-content-block { display: flex; flex-direction: column; gap: var(--br-12); padding: var(--br-12); } .guide-content-block-title { display: flex; align-items: center; gap: var(--br-12); color: var(--span); font-size: var(--br-16); font-weight: 700; } .tit-num-guide { display: flex; padding: var(--br-5) var(--br-10); background: linear-gradient(45deg, var(--span-half), var(--transparent-2-w)); border-radius: var(--br-12); } .guide-content-block-instr { display: flex; flex-direction: column; gap: var(--br-8); padding: var(--br-10) var(--br-20); background: var(--input-form); border-radius: var(--br-12); border: 1px solid var(--transparent-5-w); transition: var(--transition-ease-2); } .guide-content-block-instr:hover { filter: brightness(1.1); } .guide-content-block-instr-text { display: flex; flex-direction: column; padding: var(--br-5) var(--br-20); gap: var(--br-10); } .guide-content-block-instr-item { display: flex; gap: var(--br-4); color: var(--text-custom); flex-wrap: wrap; align-content: center; align-items: center; position: relative; } .guide-content-block-instr-item::before { content: "◉"; position: absolute; left: -20px; font-size: var(--br-12); display: flex; color: var(--span); } .checker-alert-text { overflow: hidden; } .checker-alet-2 { min-height: 3rem; background: var(--transparent-4-w); border: 1px solid var(--transparent-4-w); } .checker-alet-2 .checker-alert-icon { padding: 0; background: none; } .checker-alet-2 .checker-alert-icon svg { width: 1rem; height: 1rem; } .checker-alet-2:hover { background: var(--transparent-5-w); border: 1px solid var(--transparent-5-w); filter: none; } .guide-pane { display: none; } .guide-pane.active { display: block; animation: fadeIn var(--transition-duration) ease; } .checker-oth-info { display: flex; gap: var(--br-10); flex-direction: column; } .guide-content-block-instr-item-link { display: flex; color: var(--span); cursor: pointer; transition: var(--transition-ease-2); position: relative; } .guide-content-block-instr-item-link::before { content: ''; border-bottom: 2px solid var(--transparent-4-w); width: 0%; position: absolute; bottom: 0; transition: var(--transition-ease-2); } .guide-content-block-instr-item-link:hover::before { border-bottom: 2px solid var(--span); width: 100%; } .questions-block { display: flex; flex-direction: column; gap: var(--br-12); } .faq-item { background: var(--input-form); border: 1px solid var(--transparent-4-w); border-radius: var(--br-12); overflow: hidden; transition: var(--transition-ease-2); } .faq-item:hover { background: var(--transparent-5-w); border: 1px solid var(--transparent-5-w); } .faq-head { padding: var(--br-16) var(--br-20); cursor: pointer; font-weight: 600; font-family: 'Unbounded'; font-size: var(--br-12); color: var(--span); background: var(--transparent-2-w); user-select: none; display: flex; align-items: center; transition: var(--transition-ease-2); gap: var(--br-12); } .faq-head svg { fill: currentColor; } .faq-body { max-height: 0; overflow: hidden; opacity: 0; transition: var(--transition-ease-2); font-size: var(--br-14); color: var(--text-custom); } .faq-item.active .faq-body { opacity: 1; padding: var(--br-28); max-height: max-content; } .questions-block .faq-links { display: flex; gap: var(--br-8); flex-wrap: wrap; margin-top: .4rem; } .questions-block .faq-link { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .7rem; border-radius: var(--br-10); background: var(--transparent-4-w); border: 1px solid var(--transparent-5-w); transition: var(--transition-ease-2); color: var(--span); } .questions-block .faq-link:hover { background: var(--transparent-5-w); border: 1px solid var(--transparent-5-w); } .faq-item .faq-body div { height: 0; } .faq-item.active .faq-body div { height: max-content; } .checker-contents-blocks { display: flex; flex-direction: column; gap: var(--br-20); } .danger-alert { border-color: var(--red); background: var(--red-10); } .danger-alert .checker-alert-icon { background: none; padding: 0; } .danger-alert .checker-alert-icon svg { fill: var(--red); } .access-alert { border-color: var(--green); background: var(--green-10); } .access-alert .checker-alert-icon { background: none; padding: 0; } .access-alert .checker-alert-icon svg { fill: var(--green); } .stats_general_block { display: flex; width: 100%; height: 100%; gap: 0.5rem; flex-wrap: wrap; } .stats_admins, .stats_vips, .stats_bans, .stats_comms, .stats_visits, .stats_total_players, .stats_players_day, .stats_all_cash { display: flex; background: var(--transparent-3-w); border: 1px solid var(--transparent-3-w); border-radius: var(--br-10); padding: 0.8rem 1rem; flex: 1; height: 100%; gap: 0.3rem; flex-direction: column; color: var(--text-custom); position: relative; justify-content: center; font-size: var(--font-size-m); transition: var(--transition-ease-2); white-space: nowrap; } .checker-settings-block { display: flex; flex-direction: column; gap: .5rem; } .checker-download-btn { width: 100%; } .stats-value-line { display: flex; gap: 0.5rem; align-items: center; } .stats_admins span, .stats_vips span, .stats_total_players span, .stats_bans span, .stats_comms span, .stats_players_day span, .stats_all_cash span { font-size: var(--font-size-l); font-weight: var(--font-weight-7); font-family: var(--font-family-1); color: var(--span); } .stats_admins svg, .stats_vips svg, .stats_total_players svg, .stats_bans svg, .stats_comms svg, .stats_players_day svg { width: 1.5rem; height: 1.5rem; position: absolute; right: 1rem; fill: currentColor; opacity: 0.3; } .stats_bans, .stats_comms { background: var(--money-bg); border: 1px solid var(--money); } .stats_bans span, .stats_comms span { color: var(--money); } .stats_admins:hover, .stats_vips:hover, .stats_visits:hover, .stats_total_players:hover, .stats_players_day:hover, .stats_all_cash:hover { background: var(--transparent-5-w); border: 1px solid var(--transparent-5-w); } .stats_bans:hover, .stats_comms:hover { filter: brightness(1.25); } .checker-settings-btns { display: flex; gap: .5rem; } .preview-current { display: flex; overflow-x: auto; gap: 1rem; } .edit-date-block { display: flex; width: 100%; justify-content: flex-end; color: var(--text-custom); font-size: var(--br-12); } .warn-alert { height: auto; border-left: var(--br-3) solid var(--orange); background: var(--orange-10); } .warn-alert code { width: 100%; background-color: var(--btn-disabled); border: 1px solid var(--transparent-4-w); } .warn-alert .checker-alert-icon { background: none; padding: 0; } .warn-alert .checker-alert-icon svg { fill: var(--orange); } .stats_admins div, .stats_admins span, .stats_vips div, .stats_vips span, .stats_bans div, .stats_bans span, .stats_comms div, .stats_comms span, .stats_visits div, .stats_visits span, .stats_total_players div, .stats_total_players span, .stats_players_day div, .stats_players_day span, .stats_all_cash div, .stats_all_cash span { white-space: nowrap; } .gallery-dots { display: flex; justify-content: center; margin-top: var(--br-10); gap: var(--br-10); } .gallery-dot { width: var(--br-12); height: var(--br-12); border-radius: 50px; background: var(--span-low); cursor: pointer; transition: var(--transition-ease-2); } .gallery-dot.active { background: var(--span); } .gallery-dot:hover { background: var(--span-middle); } .checker-virus-icon { display: flex; align-items: center; } .search-container-block { display: flex; flex-direction: column; align-items: center; width: 100%; } .title-search { display: flex; gap: var(--br-16); font-weight: 700; font-size: var(--br-44); align-items: center; } .title-search svg { width: 2rem; height: 2rem; fill: var(--span); } .search-container { display: flex; flex-direction: column; } .search-results-block { margin: 20px 0; gap: var(--br-5); } .search-result-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(22em, 1fr)) !important; gap: var(--br-5); } .search-result-item { display: flex; flex-direction: column; background: var(--input-form); border-radius: var(--br-12); border: 1px solid var(--transparent-3-w); overflow: hidden; transition: var(--transition-ease-2); } .search-result-item:hover { filter: brightness(1.2); } .search-result-up { display: flex; flex-direction: row; justify-content: space-between; padding: var(--br-10) var(--br-20); } .search-result-bottom { display: flex; padding: var(--br-10) var(--br-20); background: var(--button); } .search-result-left { display: flex; gap: var(--br-16); align-items: center; } .search-result-avatar img { width: 3rem; border-radius: var(--br-12); } .search-result-info { display: flex; flex-direction: column; } .search-result-nick { display: flex; font-weight: 600; font-size: var(--br-16); } .search-result-steamid { display: flex; font-size: var(--br-12); color: var(--text-custom); } .search-result-right { display: flex; align-items: center; gap: var(--br-10); } .search-result-faceit img { width: 2rem; } .search-result-punishments { display: flex; width: 100%; } .search-result-punish { display: flex; width: 100%; align-items: center; gap: var(--br-20); justify-content: space-between; } .search-result-punish-type { color: var(--red); background: var(--red-20); padding: var(--br-2) var(--br-12); border-radius: 50px; border: 1px solid; } .search-result-pun-left { display: flex; width: 100%; align-items: center; color: var(--text-custom); font-size: var(--br-16); justify-content: space-between; } .search-result-punish-amount { display: flex; align-items: center; padding: var(--br-2) var(--br-7); background: var(--span-middle); border-radius: 50px; border: 1px solid; color: var(--span); font-weight: 500; text-transform: uppercase; } .search-result-pun-none { display: flex; color: var(--text-custom); font-weight: 500; width: 100%; justify-content: center; } .search-result-status-icon { display: flex; padding: var(--br-5); align-items: center; justify-content: center; } .search-result-status-icon.banned { border: 1px solid var(--red); border-radius: 50px; background: var(--red-10); } .search-result-status-icon.banned svg { fill: var(--red); } .search-result-status-icon.unbanned { border: 1px solid var(--green); border-radius: 50px; background: var(--green-10); } .search-result-status-icon.unbanned svg { fill: var(--green); } .search-result { display: flex; justify-content: space-between; align-items: center; padding: var(--br-5); } .search-result-result { display: flex; gap: var(--br-5); padding: var(--br-2) var(--br-10); background: var(--transparent-10-w); border-radius: var(--br-12); color: var(--text-custom); border: 1px solid; } .banned { color: var(--red); font-weight: 600; } .or-var-text { display: flex; justify-content: center; color: var(--text-custom); font-size: var(--br-12); } .search-result-date { display: flex; color: var(--text-custom); } .virus-content-blocks { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--br-5); width: 100%; margin: var(--br-20) 0; } .virus-content-block { display: flex; flex-direction: column; background: var(--transparent-5-w); border: 1px solid var(--transparent-5-w); padding: var(--br-10) var(--br-20); border-radius: var(--br-12); flex: 1; transition: var(--transition-ease-2); gap: var(--br-5); } .virus-content-title { display: flex; color: var(--text-custom); font-weight: 600; font-size: var(--br-12); gap: var(--br-10); align-items: center; } .virus-content-title svg { display: flex; align-items: center; } .virus-content-block.undetected svg { fill: var(--green); } .virus-content-block.suspicious svg { fill: var(--orange); } .virus-content-block.malicious svg { fill: var(--red); } .virus-content-block.undetected:hover { background: var(--green-10); border: 1px solid var(--green); } .virus-content-block.suspicious:hover { background: var(--orange-10); border: 1px solid var(--orange); } .virus-content-block.malicious:hover { background: var(--red-10); border: 1px solid var(--red); } .virus-content-value { display: flex; font-weight: 600; font-size: var(--br-24); font-family: 'Unbounded'; } .virus-content-block.undetected .virus-content-value { color: var(--green); } .virus-content-block.suspicious .virus-content-value { color: var(--orange); } .virus-content-block.malicious .virus-content-value { color: var(--red); } @media (max-width: 1000px) { .header-checker { flex-direction: column; gap: var(--br-12); } } @media (max-width: 520px) { .checker-titles { display: none; } }