html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

input,
input:focus {
  border: 0;
  outline: 0;
}

button:focus {
  outline: 0;
}

@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v32-cyrillic_latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/nunito-v32-cyrillic_latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-v32-cyrillic_latin-600.woff2') format('woff2');
}

/* nunito-700 - cyrillic_latin */
@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v32-cyrillic_latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v57-cyrillic_latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v57-cyrillic_latin-700.woff2') format('woff2');
}

/*Engine.css*/
#loading-layer {
  background: #000;
  padding: 10px;
  text-align: center;
  color: #fff;
  border-radius: 2px
}

#loading-layer.withouttext {
  background: rgb(0 0 0 / 60%);
  padding: 5px 5px 0px 5px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}

#loading-layer.withtext {
  padding: 10px;
  background: rgb(0 0 0 / 60%);
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.scriptcode,
.title_quote,
.title_spoiler,
.text_spoiler,
.quote {
  border-radius: 16px;
  padding: 16px;
  background: rgba(255, 176, 32, .05);
  border: 1px solid rgba(255, 176, 32, .2);
  margin-top: 12px;
}

.title_quote {
  border-left: 2px solid #e85319;
  border-bottom: 0;
  margin-top: 2px;
  font-weight: bold;
}

.quote_block {
  margin-bottom: .7rem;
}

.title_spoiler {
  margin-top: 2px;
}

.text_spoiler {
  margin-bottom: 2px;
}

.title_spoiler img {
  vertical-align: middle;
  margin: -1px 0 0 !important
}

.scriptcode {
  color: #4c6d0f;
  text-align: left;
  font-family: "Courier New"
}

.title_spoiler {
  font-weight: normal;
}

.text_spoiler {
  border-top: 0;
  text-align: justify;
}

.hide {
  background-color: #f0f0f0;
  padding: 5px;
  color: #4c6d0f;
  margin: 0 0 1em 0
}

.hide a {
  text-decoration: underline;
}

.hide a:hover {
  text-decoration: none
}

.sort {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sort>li,
.sort {
  display: inline;
}

.sort>li {
  margin: 0 0 0 3%;
}

.sort>li a {
  color: #353535;
}

.sort>li.asc a,
.sort>li.desc a {
  color: #3394e6;
}

.sort>li.asc a:after,
.sort>li.desc a:after {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAsBAMAAACj90TiAAAAG1BMVEUAAAAzlOYzlOYzlOYzlOYzlOYzlOYzlOYzlOar6gzlAAAACHRSTlMAjesv90eHRuQt1XUAAABSSURBVBjTzdCxDQAhDENRSyzAEFdQ0zDB9axEgzw2DokEI1A9/S4OyAxADEcpPGlpFKWoSpEKp0Dlb6SvG2jY4Fka4tw4PqbEsDNTcb8gn/d4LPQHQDdjhblbAAAAAElFTkSuQmCC);
  display: inline-block;
  vertical-align: middle;
  margin: -1px 0 0 .4em;
  width: 6px;
  height: 11px;
  background-size: 6px auto;
}

.sort>li.asc a:after {
  background-position: 0 -11px;
}

.calendar {
  width: 100%;
  text-align: center;
}

.calendar tr td,
.calendar tr th {
  padding: 3px;
}

.calendar tr td a {
  color: inherit;
  font-weight: bold;
}

.calendar tr td {
  padding: 5px 3px;
}

.calendar tr td.weekday {
  color: #ea5f24;
}

.calendar tr th {
  background-color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.calendar tr th.weekday {
  background-color: #ea5f24;
  color: #fff;
}

.calendar tr th.monthselect {
  background-color: transparent;
  color: #b8b8b8;
  padding-bottom: 15px;
}

.calendar tr th.monthselect a {
  color: #b8b8b8;
}

.voteprogress,
.pollprogress {
  overflow: hidden;
  height: 6px;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 3px;
  margin-top: 6px;
}

.voteprogress span,
.pollprogress span {
  text-indent: -9999px;
  height: 6px;
  display: block;
  overflow: hidden;
  background: #3394e6;
}

.voteprogress .vote2,
.pollprogress .poll2 {
  background-color: #dd514c;
}

.voteprogress .vote3,
.pollprogress .poll3 {
  background-color: #5eb95e;
}

.voteprogress .vote4,
.pollprogress .poll4 {
  background-color: #4bb1cf;
}

.voteprogress .vote5,
.pollprogress .poll5 {
  background-color: #faa732;
}

.rating,
.unit-rating {
  width: 130px;
  height: 22px;
}

.rating {
  font-size: 11px;
  transform: scale(0.8);
}

.unit-rating,
.unit-rating li a:hover,
.unit-rating li.current-rating {
  background-image: url(../dleimages/star-rating.svg);
  background-size: 26px auto;
}

.unit-rating {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  background-position: 0 0;
}

.unit-rating li {
  text-indent: -90000px;
  padding: 0;
  margin: 0;
  float: left;
}

.unit-rating li a {
  display: block;
  width: 26px;
  height: 22px;
  text-decoration: none;
  border: 0 none !important;
  text-indent: -9000px;
  z-index: 17;
  position: absolute;
  padding: 0;
}

.unit-rating li a:hover {
  background-position: 0 -45px;
  z-index: 2;
  left: 0;
}

.unit-rating a.r1-unit {
  left: 0;
}

.unit-rating a.r1-unit:hover {
  width: 26px;
}

.unit-rating a.r2-unit {
  left: 26px;
}

.unit-rating a.r2-unit:hover {
  width: 52px;
}

.unit-rating a.r3-unit {
  left: 52px;
}

.unit-rating a.r3-unit:hover {
  width: 78px;
}

.unit-rating a.r4-unit {
  left: 78px;
}

.unit-rating a.r4-unit:hover {
  width: 104px;
}

.unit-rating a.r5-unit {
  left: 104px;
}

.unit-rating a.r5-unit:hover {
  width: 130px;
}

.unit-rating li.current-rating {
  background-position: 0 -22px;
  position: absolute;
  height: 22px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
  padding: 0px;
}

.ratingplus {
  color: #70bb39;
}

.ratingminus {
  color: red;
}

.ratingzero {
  color: #6c838e;
}

.full-rating a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 8px;
  text-align: center;
  transition: 0.3s;
  opacity: 0.75;
}

.full-rating a:hover {
  background: #a84c4c26;
  opacity: 1;
}

.full-rating a:hover:first-child {
  background: #4da86626;
}

.full-rating span {
  line-height: 1;
}


.userstop td,
.pm td.pm_list,
.pm th.pm_head {
  border-bottom: 1px solid #efefef;
  padding: 12px 8px;
}

table.pm,
table.userstop {
  width: 100%;
  margin-bottom: 0;
}

table.pm select {
  width: 190px;
}

.userstop thead td,
.pm td.pm_head {
  border-bottom: 1px solid #efefef;
  font-weight: bold;
}

table.pm .navigation {
  border-top-width: 0;
  margin: 0;
}

.pm th {
  text-align: left;
  font-weight: 500;
  white-space: nowrap;
}

.pm th.pm_checkbox {
  text-align: center;
}

.pm_list.pm_subj,
.pm_list.pm_icon,
.pm_list.pm_last_user {
  cursor: pointer;
}

.pm_list.pm_icon svg {
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
}

.pm_list.pm_icon.pm-unread-image {
  color: #3394e6;
}

.pm td.pm_list.pm_icon,
.userstop td,
th.pm_head.pm_icon {
  border-bottom: none;
}

.pm_list.pm_icon.pm-reply-image {
  color: #087e02c4;
}

.pm_list.pm_icon.pm-read-image {
  color: #afafaf;
}

.pm_list .pm_last_message,
.pm_list .pm_last_date,
.pm_list .pm_with_user {
  color: #64748b;
  font-size: .8rem;
}

.pm tbody>tr:hover {
  background-color: #e2e8f099;
}

.pm_navigation {
  margin-top: 1rem;
}

.pm_navigation .navigation {
  display: inline-block;
  color: #333333;
  background-color: #f5f5f5;
  border-radius: 0.188rem;
  padding: .4rem;
}

.pm_navigation .navigation a,
.pm_navigation .navigation span {
  padding: 0.5rem;
  min-width: 2.25rem;
}

.pm_navigation .navigation span {
  background-color: #4581d0;
  color: #fff;
}

.pm_navigation .navigation a {
  text-decoration: none;
  color: #000;
}

.pm_navigation .navigation a:hover {
  background-color: #e2e8f0;
}

#dropmenudiv {
  min-width: 140px;
  width: auto !important;
  font-size: .85rem;
  box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
  border-radius: 8px;
  overflow: hidden;
}

#dropmenudiv {
  background-color: #2b2c33;
}

#dropmenudiv a {
  text-decoration: none !important;
  color: inherit;
  display: block;
  padding: 8px 20px;
  border: 0 none;
  white-space: nowrap;
  color: inherit;
}

#dropmenudiv a:hover {
  background-color: #191a22;
}

#searchsuggestions {
  position: fixed !important;
  z-index: 2200;
  width: 300px;
  border-radius: 2px;
  background: #23232d;
  box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  font-size: .9em;
  box-sizing: border-box;
}

#searchsuggestions a,
#searchsuggestions span.notfound {
  padding: 15px 25px;
  display: block;
  text-decoration: none;
}

#searchsuggestions a {
  color: inherit;
}

#searchsuggestions a:hover {
  background-color: #2b2c33;
}

#searchsuggestions a span {
  display: block;
  cursor: pointer;
}

#searchsuggestions span.searchheading {
  display: block;
  font-weight: bold;
  margin-bottom: .2em;
}

#searchsuggestions span.seperator {
  display: none
}

#searchsuggestions span.seperator a {
  padding: 10px 0;
  text-align: center;
  border: 0 none;
  background-color: transparent;
  color: #919191;
}

#searchsuggestions span.notfound {
  padding: 15px 25px;
  display: block;
}

#searchsuggestions .break {
  display: none;
}

.ui-front {
  z-index: 1000;
}

.ui-widget-overlay {
  background: #000;
  opacity: 0.5;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
}

.ui-helper-clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden
}

.ui-helper-clearfix {
  display: inline-block
}

.ui-helper-clearfix {
  display: block
}

.ui-dialog {
  text-align: left;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 370px;
  border-radius: 12px;
  box-shadow: -1px 1px 40px -10px rgb(38 47 51);
  border: 1px solid #ffffff21;
  background-color: rgb(35 35 45 / 73%);
  background-clip: padding-box;
  outline: none;
  backdrop-filter: blur(8px);
}

.ui-dialog .bb-editor {
  margin-top: 12px;
}

.ui-dialog-titlebar {
  padding: 10px 15px;
  position: relative;

}

.ui-dialog-title {
  float: left;
  font-weight: 600;
  font-size: 21px;
  text-shadow: 0 1px #333;
}

.ui-dialog-titlebar-close {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -16px !important;
  height: 23px !important;
  width: 32px;
  border: 0 none !important;
  background-color: inherit !important;
  box-shadow: none !important;
  padding: 0px !important;
}

.ui-dialog-titlebar-close .ui-icon {
  display: block;
  margin: 9px auto 0 auto;
  width: 12px;
  height: 12px;
  opacity: .5;
  font-weight: 600;
  font-size: 1rem;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.ui-dialog-titlebar-close span.ui-button-text {
  display: block;
  margin: 9px auto 0 auto;
  width: 12px;
  height: 12px;
  background-size: 10px auto;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  text-indent: -9999px;
  opacity: .5;
}

.ui-dialog-titlebar-close span.ui-button-text:hover {
  opacity: 1;

}

.ui-button {
  font-size: .85rem;
  border: 0 none;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 8px;
  outline: none;
  background-color: #517fa4;
  color: #fff;
  border: 0 none;
  padding: 7px 19px;
  text-decoration: none !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  transition: all ease .1s;
  text-shadow: 0 1px #333;
}

.ui-dialog-titlebar-close:hover .ui-icon {
  opacity: 1;
}

.ui-icon,
.ui-button-icon-only {
  overflow: hidden;
  text-indent: -9999px;
}

.ui-dialog label {
  color: #575757;
}

.ui-dialog-content {
  padding: 16px;
  overflow: auto;
  position: relative;
}

.loginbox.ui-dialog,
.loginbox .ui-dialog-content {
  overflow: visible !important;
}

.ui-dialog-content h2 {
  display: inline;
  font-size: 1em;
  font-weight: bold
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 15px;
  text-align: right;
}

.ui-dialog .ui-resizable-se {
  bottom: 3px;
  height: 14px;
  right: 3px;
  width: 14px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-state-error {
  background: #fef1ec 50% 50% repeat-x !important;
  border: 1px solid #cd0a0a;
  color: #cd0a0a;
}

.ui-button {
  margin: 0 3px;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-button:hover {
  background-color: #5e91bb;
}

.ui-dialog-buttonset button:last-child {
  background-color: #0c5f7eed;
  color: #fff;
}

.ui-dialog-buttonset button:last-child:hover {
  background-color: #0c5f7ebf;
}

.ui-dialog-buttonset button:first-child {
  background-color: #888;
  border-color: #888;
  color: #fff;
}

.ui-dialog-buttonset button:first-child:hover {
  background-color: #888888c7;
}

.ui-dialog-buttonset button.ui-button-delete {
  background-color: #f44336;
  border-color: #f44336;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}

.ui-dialog-buttonset button.ui-button-delete:hover {
  background-color: #db3a2f;
  border-color: #db3a2f;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}

.tox .tox-dialog__footer .tox-button--secondary {
  background-color: #888 !important;
  border-color: #888 !important;
  color: #fff !important;
}

.tox .tox-button {
  background-color: #0c5f7eed !important;
  border-color: #0c5f7eed !important;
}

.dle-popup-userprofileadmin .ui-button-delete {
  float: left;
}

.dle-popup-userprofileadmin .ui-dialog-buttonset button:nth-child(2) {
  background-color: #868e96;
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  float: left;
  background: #fff 50% bottom repeat-x;
  border: 1px solid #dedede;
  color: #353535;
}

.ui-menu .ui-menu {
  margin-top: -3px;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: .2em .4em;
  cursor: pointer;
  width: 100%;
}

.bb-editor textarea {
  box-sizing: border-box;
  background: #23232d;
  padding: 16px;
  border: 1px solid #3b3b4b;
  width: 100%;
  height: 180px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-top: -1px;
  outline: none;
  border-radius: 12px;
}

.bb-editor textarea:focus {
  border-color: #7d7d7d !important;
}

.emoji_box {
  width: 100%;
  max-width: 390px;
}

.emoji_category {
  padding: 7px;
  clear: both;
}

.emoji_list {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';
  font-size: 2em;
}

.emoji_symbol {
  float: left;
  margin-bottom: 10px;
  width: 12.5%;
  text-align: center;
}

.emoji_symbol a,
.emoji_symbol a:hover {
  cursor: pointer;
  text-decoration: none;
}

.quick-edit-text {
  padding: .4em;
  width: 350px;
}

.quick-edit-textarea {
  height: 250px;
  padding: 2px;
  border: 1px solid #d7d7d7;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#dlefastreplycomments {
  padding: 0 4% 10px 4%;
}

#dle-comments-list>.comments-tree-list>li .comments-tree-list>li #dlefastreplycomments {
  padding: 0 0 10px 0;
}

.comments-tree-list .comments-tree-list {
  margin: 16px 0 0 24px;
}

#marker-bar,
#txtselect_marker {
  display: block;
  visibility: hidden;
  position: absolute;
  z-index: 1200;
  opacity: 0;
  transition: opacity .4s, visibility .1s linear .4s;
}

#txtselect_marker {
  cursor: pointer;
  background: url(../dleimages/marker.png) no-repeat 0 0;
}

#txtselect_marker:hover {
  background-position: 0 -32px;
}

#marker-bar {
  border: 1px solid #ccc;
  border-radius: 15px;
  background: #fff;
  padding: 5px 10px;
  cursor: default;
  box-shadow: 0 0 4px #ccc;
}

#marker-bar.show {
  transition: opacity .4s, visibility 0s;
  opacity: 1;
  visibility: visible;
}

#txtselect_marker.show {
  visibility: visible;
  width: 32px;
  height: 32px;
  transition: opacity .4s, visibility 0s;
  opacity: 1;
}

#marker-bar .masha-social,
#marker-bar .masha-marker {
  cursor: pointer;
  display: block;
  margin: 0 5px;
  float: left;
}

#marker-bar .masha-marker {
  line-height: 1em;
  color: #aaa;
  border-bottom: 1px dotted #aaa;
  margin-right: 10px;
}

#marker-bar .masha-marker:hover {
  color: #ea3e26;
  border-color: #ea3e26;
}

.user_selection,
.user_selection_true {
  background: #fff5d5;
  padding: 2px 0;
}

.user_selection a.txtsel_close,
.user_selection_true a.txtsel_close {
  display: none;
}

.user_selection .closewrap,
.user_selection_true .closewrap {
  position: relative;
}

.user_selection.hover a.txtsel_close,
.user_selection_true.hover a.txtsel_close {
  display: inline-block;
  position: absolute;
  top: -7px;
  left: -5px;
  width: 33px;
  height: 33px;
  background: url(../dleimages/closemarker.png) 0 0 no-repeat;
}

.user_selection.hover a.txtsel_close:hover,
.user_selection_true.hover a.txtsel_close:hover {
  background-position: -0px -33px;
}

#share-popup {
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: #fff;
  position: absolute;
  z-index: 100;
  width: 414px;
  display: none;
  padding: 20px 0;
  opacity: 0;
  box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  transition: opacity .4s, visibility .1s linear .4s;
}

#share-popup.show {
  display: block;
  opacity: 1;
  transition: opacity .4s, visibility 0s;
}

#share-popup .social {
  padding: 0 0 10px 17px;
}

#share-popup .social p {
  padding-bottom: 10px;
  margin: 0;
  font-weight: bold;
}

#share-popup .social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#share-popup .social ul li {
  display: inline;
  margin-right: 20px;
  padding-top: 2px;
}

#share-popup .social ul a {
  text-decoration: none;
  font-size: 12px;
  display: inline-block;
  color: #919191;
}

#share-popup .social ul a:hover {
  text-decoration: underline;
}

#share-popup .social a span {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url(../dleimages/social-icons.png) 20px 20px no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 5px 0 0;
}

#share-popup .social .tw span {
  background-position: 0 -20px;
}

#share-popup .social .tw:hover span {
  background-position: 0 0;
}

#share-popup .social .fb span {
  background-position: -20px -20px;
}

#share-popup .social .fb:hover span {
  background-position: -20px 0;
}

#share-popup .social .vk span {
  background-position: -40px -20px;
}

#share-popup .social .vk:hover span {
  background-position: -40px 0;
}

#share-popup .social .gp span {
  background-position: -60px -20px;
}

#share-popup .social .gp:hover span {
  background-position: -60px 0;
}

#share-popup .link {
  clear: both;
  border-top: 1px solid #d9d9d9;
  padding: 10px 5px 0 10px;
  line-height: 1.2;
  overflow: hidden;
  margin: 0 7px;
}

#share-popup .link p {
  font-weight: bold;
  padding: 0 0 3px 0;
  margin: 0;
}

#share-popup .link span {
  color: #999;
  font-size: 10px;
  display: block;
  padding-top: 3px;
}

#share-popup .link a {
  display: block;
}

.dle-alert,
.dle-confirm,
.dle-promt {
  padding: 20px 1em !important;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  display: inline-block;
  width: 302px;
  padding: 10px 12px;
  vertical-align: middle;
  border-radius: 12px;
  background-color: rgb(43 44 51);
  border: 1px solid #3a3a3a;
  transition: border 0.2s linear 0s;
  box-sizing: border-box;
}

select {
  width: auto;
  padding: .35rem 2.2rem .35rem .65rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  appearance: none;
}

select[multiple] {
  padding-right: .75rem;
  background-image: none;
}

textarea {
  margin: 0;
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #484848;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

select[multiple],
select[size],
textarea {
  height: auto;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::placeholder {
  color: #fff;
  opacity: 0.6;
}

input:focus {
  outline: none;
}

input[type="file"],
input[type="image"] {
  padding: 0;
  border-width: 0;
  background-color: transparent;
}

.wide,
.bb-editor textarea,
.ui-dialog textarea,
select#category,
.timezoneselect,
.twofactorselect,
.quick-edit-text {
  width: 100% !important;
}

#searchuser,
#searchinput {
  width: 100% !important;
}

.form_submit .c-captcha {
  float: right;
}

.c-captcha {
  position: relative;
}

.c-captcha:after {
  clear: both;
  display: block;
  content: "";
}

.c-captcha>a {
  float: left;
  margin-right: 5px;
}

.c-captcha img {
  position: relative;
  display: block;
  width: 130px;
  height: 56px;
  border-radius: 12px;
  z-index: 1;
  transition: all ease .2s;
}

.c-captcha>input {
  float: left;
  width: 140px;
  height: 56px;
}

.dle-captcha {
  position: relative;
}

.dle-captcha:after {
  clear: both;
  display: block;
  content: "";
}

.dle-captcha>a {
  float: left;
  margin-right: 5px;
}

.dle-captcha img {
  position: relative;
  display: block;
  width: 130px;
  height: 46px;
  transition: all ease .2s;
}

.dle-captcha>input {
  float: left;
  width: 130px;
  height: 46px;
}

.btn,
.bbcodes,
.btn-border {
  border: 0 none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 8px;
  outline: none;
  background-color: #4da866;
  border: 0 none;
  padding: 10px 22px;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: all ease .3s;
}

.btn>.icon {
  fill: #fff;
}

.btn-white>.icon {
  fill: #0c5f7eed;
}

.btn-white {
  background-color: #fff;
  color: #0c5f7eed;
}

.btn-white:hover>.icon {
  fill: #fff;
}

.btn-white:hover {
  background-color: #0c5f7eed;
  color: #fff;
}

.btn:hover,
.bbcodes:hover {
  background-color: #3c9053;
  color: #fff;
}

.bbcodes.cancelchanges {
  background-color: #888;
}

.bbcodes.cancelchanges:hover {
  background-color: #888888c7;
}

.btn-big {
  padding: 12px 27px;
  border-radius: 10px;
}

.btn-border {
  color: #0c5f7eed;
  border: 2px solid #0c5f7eed;
  line-height: 22px;
  padding: 5px 20px;
  background-color: transparent !important;
  overflow: hidden;
  box-shadow: inset 0 0 0 0 transparent;
  text-shadow: none;
}

.btn-border.btn-big {
  padding: 10px 20px;
}

table.xfields {
  width: 100%;
}

.xfields textarea,
.xprofile textarea {
  width: 100%;
  height: 186px;
  margin-top: 5px;
}

.xfields input[type="text"] {
  width: 100%;
}

.xfieldsdescr {
  width: 200px;
}

.xfields .bb-pane+textarea {
  margin-top: 0px;
}

.xfieldsnote {
  color: #838383;
  font-size: .9em;
}

.xfields_table td {
  vertical-align: top;
}

.xfieldsrow {
  padding-top: 10px;
  clear: both;
}

.xfieldscolleft {
  float: left;
  width: 30%;
  padding-top: 6px;
}

.xfieldscolright {
  float: left;
  width: 70%;
}

.file-box {
  width: 95%;
  max-width: 437px;
  border: 1px solid #B3B3B3;
  border-radius: 3px;
  background-color: #F5F5F5;
  padding: 10px;
  margin-top: 10px;
}

.xfieldimagegallery,
.comments-image-gallery {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}

.xfieldimagegallery li,
.comments-image-gallery li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.qq-uploader {
  position: relative;
  width: 100%;
}

.qq-upload-button {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.qq-upload-drop-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  max-width: 437px;
  background: #FF9797;
  text-align: center;
}

.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px;
}

.qq-upload-drop-area-active {
  background: #FF7171;
}

.sortable-ghost {
  opacity: 0.4;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: #2c2c35;
  border-radius: 12px;
  overflow: hidden;
}

thead {
  background: linear-gradient(135deg, #4ca86640, #ffffff17);
}

th {
  padding: 12px;
  text-align: left;
  font-weight: 600;
}

td {
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 14px;
}

tbody tr {
  transition: 0.25s;
}

tbody tr:hover {
  background: rgba(255, 255, 255, 0.05);
}

td {
  text-align: left;
}

ol:not(.comments-tree-list) {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
  margin: 24px 0 0 20px;
}

ol:not(.comments-tree-list)>li {
  counter-increment: item;
  position: relative;
  padding-left: 46px;
  margin-bottom: 18px;
}

ol:not(.comments-tree-list)>li::before {
  content: counter(item);
  position: absolute;
  left: 0;
  top: -2px;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #404056;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}

.progress {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: whitesmoke;
  height: 10px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #eee;
  box-shadow: 0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.progress .progress-bar {
  float: left;
  width: 0%;
  font-size: 12px;
  line-height: 20px;
  color: white;
  text-align: center;
  background-color: #428bca;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-shadow: none;
  height: 8px;
}

.progress-bar span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.progress-blue {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0));
  background-image: -webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%);
  background-image: -moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%);
  background-image: linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);
  background-repeat: repeat-x;
  border: 1px solid #55aeee;
}

/*---Смайлы---*/
span.emoji {
  margin-left: 0.313rem;
  margin-right: 0.313rem;
}

.emoji {
  border: none;
  vertical-align: bottom;
}

.native-emoji {
  font-size: 1.3em;
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';
}

.wseditor {
  border-top: 5px solid #0c5f7e;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.wseditor .tox-tinymce {
  border-top: none;
}

#dlefastreplycomments .wseditor {
  margin-bottom: 10px;
}

.dlecomments-editor .tox .tox-toolbar__primary,
.dlefastedit-editor .tox .tox-toolbar__primary {
  border-top: 0;
  box-shadow: none;
}

.mce-toc {
  border: 1px solid #dbdada;
  margin: 0 0 .7rem 0;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc ul {
  padding-left: 20px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.mce-toc ul ul {
  padding-left: 20px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mce-toc li {
  list-style-type: none;
}

.image-bordered {
  border: 1px solid #ddd;
}

.image-shadows {
  box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
  padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}

.tox .tox-dialog__header {
  color: rgb(255, 255, 255) !important;
  background-color: #517fa4 !important;
  border-bottom: #517fa4 !important;
}

.title_spoiler svg {
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 7px;
  height: 16px;
  width: 16px;
}

.mce-accordion summary {
  cursor: pointer;
}

.mobilewseditor .tox:not(.tox-tinymce-inline) .tox-editor-header {
  border-bottom: none;
}

.self_delete_link {
  border: 0 none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 12px 27px;
  border-radius: 10px;
  margin-left: 15px;
  outline: none;
  background-color: #f44336;
  color: #fff;
  text-shadow: 0 1px #333;
  text-decoration: none !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  transition: all ease .1s;
  transition: all ease .1s;
}

input[type="text"].comments_author_field {
  width: 100%;
  margin-bottom: 10px;
}

.user_fields .xfieldscolright {
  float: none;
  width: auto;
}

.user_fields .form-check-input {
  margin: 0.375rem 0.625rem 0 0;
}

.DLEPush {
  z-index: 2001;
  position: fixed;
  right: 20px;
  top: 20px
}

@keyframes DLEPush-show {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.DLEPush-notification.wrapper {
  animation-name: DLEPush-show;
  animation-duration: 1s;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  color: #333;
  margin-bottom: 10px;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
  background-color: #fff;
  border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 45px;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
  scale: .8;
}

.DLEPush-notification .DLEPush-header {
  font-weight: 500;
  grid-column: 2;
  grid-row: 1;
  font-size: 1rem;
  margin-left: 1rem;
  margin-top: .5rem;
}

.DLEPush-notification .DLEPush-header:empty {
  margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
  grid-column: 2;
  grid-row: 2;
  font-size: .875rem;
  margin: 1rem;
}

.DLEPush-notification .DLEPush-message li,
.DLEPush-notification .DLEPush-message ul {
  list-style-type: none;
  padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
  position: absolute;
  top: 8px;
  right: 10px;
  font-weight: 300;
  background: none;
  border: 0;
  font-size: 1.15rem;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  color: inherit;
  outline: 0;
  opacity: 0.75;
}

@media only screen and (min-width: 601px) {
  .DLEPush-notification.wrapper {
    min-width: 400px;
  }
}

@media only screen and (max-width: 600px) {
  .xfieldscolleft {
    float: none;
    width: 100%;
  }

  .xfieldscolright {
    float: none;
    width: 100%;
  }
}

.DLEPush-notification .DLEPush-close:hover {
  opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
  background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
  background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
  background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
  background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
  background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
  background-color: #FF5722;
}

.quote_link {
  float: right;
}

.quote_link svg {
  color: #6c838e;
  vertical-align: middle;
}

.clipboard-copy-link svg {
  color: #6c838e;
  vertical-align: middle;
  margin-top: -3px;
}

/*Styles.css*/
:root {
  --dark: #08090C;
  --dark: #08090C;
  --dark-100: #0E1017;
  --dark-200: #16181e;
  --dark-300: #171c20;
  --dark-400: #1d1f29;
  --lite: #e2e3e5;
  --lite-100: #f0f1f5;
  --green: #4da865;
  --green-100: rgba(0, 240, 128, .05);
  --green-200: #19282b;
  --green-300: rgb(77 168 102 / 15%);
  --green-400: #00c750;
  --yellow-200: #d4ff76;
  --red: #FF4545;
}

body {
  line-height: 1;
}

html {
  height: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
}

html,
body {
  min-height: 100%;
  background: var(--dark);
}

html,
html a {
  -webkit-font-smoothing: antialiased;
}

body,
select,
input,
textarea,
button {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-variation-settings: "opsz" 14;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  outline: none;
  overflow-x: hidden;
}

[id] {
  scroll-margin-top: 90px;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  text-rendering: optimizeLegibility;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.container {
  width: 100%;
  max-width: 1140px;
  padding: 0 16px;
  margin: 0 auto;
}

.content-center {
  margin: 0 auto;
}

.z-9 {
  z-index: 9;
}

.cursor-pointer {
  cursor: pointer
}

.wrapper {
  position: relative;
}

.wrapper>* {
  position: relative;
  z-index: 2;
}

.text-nowrap {
  white-space: nowrap
}

.text-center {
  text-align: center;
}

.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}

.bg-lite-100 {
  background: var(--lite-100);
}

.bg-dark {
  background: var(--dark);
}

.bg-dark-100 {
  background: var(--dark-100);
}

.bg-dark-200 {
  background: var(--dark-200);
}

.bg-dark-300 {
  background: var(--dark-300);
}

.bg-dark-400 {
  background: var(--dark-400);
}

.bg-green {
  background: var(--green);
}

.bg-green-100 {
  background: var(--green-100);
}

.bg-green-200 {
  background: var(--green-200);
}

.bg-green-300 {
  background: var(--green-300);
}

.bg-error {
  background: rgb(255 196 0 / 17%);
}

.bg-yellow-200 {
  background: var(--yellow-200);
}

.d-none {
  display: none;
}

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.d-i-flex {
  display: inline-flex;
}

.grid-full,
#fullsearch {
  grid-column: 1 / -1;
}

.lh-1-1 {
  line-height: 1.15;
}

.btn-info a {
  width: 100%;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-18 {
  gap: 18px;
}

.gap-24 {
  gap: 24px;
}

.gap-32 {
  gap: 32px;
}

.gap-y-12 {
  row-gap: 12px;
}

.shrink-0 {
  flex-shrink: 0;
}

.radius-4 {
  border-radius: 4px;
}

.radius-8 {
  border-radius: 8px;
}

.radius-12 {
  border-radius: 12px;
}

.radius-24 {
  border-radius: 24px;
}

.radius-full {
  border-radius: 50%;
}

.overflow-hidden {
  overflow: hidden;
}

.w-100 {
  width: 100%;
}

.p-6 {
  padding: 6px;
}

.p-8 {
  padding: 8px;
}

.p-12 {
  padding: 12px;
}

.p-16 {
  padding: 16px;
}

.p-24 {
  padding: 24px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}


.col-span-3 {
  grid-column: span 3 / span 3;
}

.text-white {
  color: #fff;
}

.text-dark {
  color: var(--dark);
}

.text-dark-stable {
  color: #000;
}

.text-yellow {
  color: #fbb175;
}

.text-green-400 {
  color: var(--green-400);
}

.text-red {
  color: var(--red);
}

.align-items-start {
  align-items: flex-start;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-center {
  align-items: center;
}

.align-content-center {
  align-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.border-b-dotted {
  border-bottom: 1px dotted;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.font-oswald {
  font-family: "Oswald", sans-serif;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.fs-28 {
  font-size: 28px;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.items-center {
  align-items: center;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.border-1 {
  border: 1px solid;
}

.opacity-70 {
  opacity: 0.7;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-96 {
  margin-top: 96px;
}

.mb-24 {
  margin-bottom: 24px;
}

.pt-96 {
  padding-top: 96px;
}

.ml-auto {
  margin-left: auto;
}

.app-card .app-status {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgb(28 30 45 / 80%);
  padding: 4px 8px;
  border-radius: 8px;
}

.app-card .app-info {
  bottom: 8px;
  left: 8px;
  right: 8px;
  background: rgb(0 0 0 / 30%);
  backdrop-filter: blur(20px);
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 8px;
}

.app-card .app-icon img {
  aspect-ratio: 1 / 1;
  width: 100%;
}

.app-card .blog-img {
  height: 200px;
}

.top-rating {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  font-size: 20px;
  font-weight: 700;
  background: linear-gradient(45deg, rgb(56 205 49 / 20%), rgb(255 141 2 / 20%));
}

.progress-container {
  width: 100%;
  background-color: var(--dark);
  border-radius: 25px;
  padding: 4px;
}

.progress-bar {
  height: 6px;
  border-radius: 20px;
  width: 75%;
  background: linear-gradient(90deg, #ff8c00 0%, #ffcc00 50%, #32cd32 100%);
  transition: width 0.4s ease-in-out;
}

input[type="search"] {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: rgb(0 0 0 / 37%);
  border-radius: 8px;
  padding: 8px 12px;
  color: #fff;
}

.btn-search {
  display: flex;
  background-color: rgba(255, 255, 255, 0.12);
  color: rgb(255 255 255 / 50%);
  border-radius: 8px;
  padding: 6px 10px;
  top: 5px;
  right: 5px;
}

.fixbar {
  position: fixed;
  top: 16px;
  width: 100%;
  z-index: 9;
  padding: 0 8px;
}

.side-menu,
#q_search {
  transition: all 0.3s ease;
}

.is-hidden {
  opacity: 0;
  transform: translateX(20px);
  pointer-events: none;
  visibility: hidden;
  height: 0;
  transition: transform 0.5s ease;
}

.is-visible {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
  visibility: visible;
  height: auto;
  transition: transform 0.5s ease;
}

.fixbar .fixbar-wrap {
  padding: 8px 16px;
  background: rgb(255 255 255 / 12%);
  backdrop-filter: blur(20px);
}

.fixbar .side-menu {
  border-right: 1px solid rgb(255 255 255 / 20%);
  border-left: 1px solid rgb(255 255 255 / 20%);
  padding: 0 16px;
}

.fixbar .more-menu li,
.fixbar .side-menu li a {
  display: flex;
  gap: 8px;
  border-radius: 12px;
  padding: 8px 10px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  font-weight: 600;
}

.fixbar .side-menu li a.active {
  background: var(--green-400);
}

.fixbar .more-menu li:hover,
.fixbar .side-menu li a:not(.active):hover {
  background: var(--dark);
}

.topapps {
  position: relative;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 20px;
  overflow: hidden;
}

.topapps::after {
  content: "";
  position: absolute;
  inset: -20px;
  background: url(../images/top-bg.webp) center / cover no-repeat;
  filter: blur(12px);
  opacity: 0.17;
  z-index: -1;
}

.topapp-card {
  width: 200px;
  flex-shrink: 0;
}

.scroll-box {
  overflow-x: auto;
  padding-bottom: 12px;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #262a36;
  border-radius: 8px;
}

.app-collections a {
  position: relative;
  display: flex;
  width: 240px;
  padding: 24px;
  height: 300px;
  overflow: hidden;
  flex: 0 0 auto;
}

.app-collections a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.8) 80%);
  z-index: 1;
  pointer-events: none;
}

.app-collections a img {
  content: "";
  position: absolute;
  inset: 0;
}

.app-collections h2 {
  font-family: "Oswald", sans-serif;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  margin-top: auto
}

.app-collections h2 span {
  display: block;
  font-size: 48px;
  line-height: 1;
}

.tg-box {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(45deg, rgb(48 164 223 / 7%), rgb(48 164 223 / 15%));
}

.tg-box>* {
  z-index: 2;
}

.tg-box .tg-icon {
  position: absolute;
  opacity: 30%;
  right: 0;
  top: 50%;
  transform: translate(-20%, -40%) rotate(15deg);
  z-index: 1;
}

.footer {
  padding: 24px 0;
}

.blur-effect {
  background: rgb(76 168 102 / 15%);
  backdrop-filter: blur(20px);
}

.app-details .app-details-head {
  margin: 12px -24px 0;
}

.app-details .app-bg-effect {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: .12;
  filter: blur(8px);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.app-details .app-details-info:not(:last-child) {
  border-right: 1px solid #54565d;
  padding-right: 18px;
}

.app-details .download-links {}

.app-details .download-labels-apk a,
.app-details .download-labels-xapk a {
  position: relative;
  font-weight: 600;
  display: flex;
  background: #4da866;
  padding: 12px 16px 12px 72px;
  border-radius: 12px;
  margin-top: 8px;
  transition: 0.3s;
}

.app-details .download-labels-apk a:hover,
.app-details .download-labels-xapk a:hover {
  position: relative;
  background: #429559;
}

.app-details .download-labels-apk a:after,
.app-details .download-labels-xapk a:after {
  position: absolute;
  content: '';
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  background: #357547;
  border-radius: 6px;
  padding: 6px 10px;
}

.app-details .download-labels-apk a:after {
  content: 'APK';
}

.app-details .download-labels-xapk a:after {
  content: 'XAPK';
}

.app-details .author {
  /*position: absolute;*/
  top: 0;
  right: 0;
  padding: 4px 8px;
  background: #8ce6e736;
  font-size: 12px;
  border-radius: 4px;
}

.border-lite {
  border-color: rgb(255 255 255 / 17%);
}

.border-box {
  border-color: var(--dark-400);
}

.border-green {
  border: 1px solid rgba(0, 240, 128, .15);
}

.screenshots-box {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}

.screenshots-images .screenshots {
  display: flex;
  gap: 24px;
  margin: 0;
  padding-bottom: 12px;
  height: 320px;
}

.screenshots-images li {
  height: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 12px;
  flex-shrink: 0;
}

.screenshots-images li a,
.screenshots-images li a img {
  height: 320px;
}

.not-screenshots {
  min-height: 100%;
  border: 1px dashed #5d5d5d;
}

hr {
  width: 100%;
  border: 0.5px solid #454545;
}

.full-content {
  color: rgb(255 255 255 / 80%);
}

.full-content hr {
  margin-top: 8px;
}

.full-content h2,
.static-page h2 {
  margin: 24px 0 8px;
}

.full-content h2:first-child {
  margin: 0 0 8px;
}

.full-content .collapse-item h2:first-child {
  margin: 0;
}

.full-content h3 {
  margin: 24px 0 8px;
}

.full-content a,
.static-page a {
  color: #00ffe4;
  border-bottom: 1px dotted;
}

.full-content .author-post a {
  color: inherit;
  border-bottom: none;
}

.full-content .full-custom a {
  color: inherit;
  border-bottom: none;
}

.full-content hr,
.static-page hr {
  margin: 12px 0;
}

.full-content ul,
.static-page ul,
.list-dot {
  list-style: disc;
  padding-left: 20px;
  margin: 8px 0 12px 8px;
}

.full-content ul li::marker,
.static-page ul li::marker,
.list-dot li::marker {
  color: #4da866;
  font-size: 18px;
}

.full-content .faq h3 {
  margin: 0;
}

.fullstory {
  position: relative;
}

.fullstory p:not(:last-child) {
  margin-bottom: 12px;
}

.install-box ol:not(.comments-tree-list) {
  margin: 24px 0 0;
}

.install-box ol:not(.comments-tree-list)>li::before {
  top: -4px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(0, 240, 128, .1);
  border: 1px solid rgba(0, 240, 128, .2);
  font-size: 14px;
  font-weight: 700;
  color: var(--green-400);
}

.app-features ul {}

/*  .app-features .feature-item {*/
/*  background: rgb(0 255 242 / 4%);*/
/*  border: 1px solid rgba(255,255,255,0.08);*/
/*  border-radius: 12px;*/
/*  padding: 16px 18px;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  gap: 5px;*/
/*}*/

/*.app-features .feature-item strong {*/
/*  font-size: 15px;*/
/*  font-weight: 600;*/
/*  color: #fff;*/
/*}*/

/*.app-features .feature-item span {*/
/*  font-size: 14px;*/
/*}*/

.feature-item {
  width: 300px;
  border-radius: 16px;
  padding: 20px 18px 18px 18px;
  position: relative;
  overflow: hidden;
  transition: transform 0.25s cubic-bezier(.22, .68, 0, 1.2), box-shadow 0.25s ease;
  cursor: default;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0;
  background: #13131a;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.feature-item:hover {
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

/* Иконка через ::before — разная для каждой карточки */
.feature-item::before {
  content: '';
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  margin-bottom: 14px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

/* Фоновое свечение снизу-справа */
.feature-item::after {
  content: '';
  position: absolute;
  bottom: -30px;
  right: -20px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 0.6;
}

.feature-item:hover::after {
  opacity: 1;
}

/* Иконки и цвета по nth-child */
.feature-item:nth-child(1)::before {
  background-color: rgba(251, 146, 60, 0.15);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fb923c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
}

.feature-item:nth-child(1)::after {
  background: radial-gradient(circle, rgba(251, 146, 60, 0.15) 0%, transparent 70%);
}

.feature-item:nth-child(1):hover {
  border-color: rgba(251, 146, 60, 0.25);
}

.feature-item:nth-child(2)::before {
  background-color: rgba(20, 184, 166, 0.15);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314b8a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E");
}

.feature-item:nth-child(2)::after {
  background: radial-gradient(circle, rgba(20, 184, 166, 0.15) 0%, transparent 70%);
}

.feature-item:nth-child(2):hover {
  border-color: rgba(20, 184, 166, 0.25);
}

.feature-item:nth-child(3)::before {
  background-color: rgba(34, 197, 94, 0.14);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");
}

.feature-item:nth-child(3)::after {
  background: radial-gradient(circle, rgba(34, 197, 94, 0.13) 0%, transparent 70%);
}

.feature-item:nth-child(3):hover {
  border-color: rgba(34, 197, 94, 0.25);
}

.feature-item:nth-child(4)::before {
  background-color: rgba(99, 179, 237, 0.14);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2363b3ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='6' x2='23' y2='6'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3Cpath d='M1 14h4l4 4 4-8 4 6 3-2h3'/%3E%3C/svg%3E");
}

.feature-item:nth-child(4)::after {
  background: radial-gradient(circle, rgba(99, 179, 237, 0.13) 0%, transparent 70%);
}

.feature-item:nth-child(4):hover {
  border-color: rgba(99, 179, 237, 0.25);
}

.feature-item strong {
  display: block;
  font-weight: 600;
  color: #e4e4f0;
  margin-bottom: 7px;
}

.feature-item span {
  font-size: 14px;
  color: rgba(160, 160, 180, 0.75);
}



#btn-download:active {
  background: #1c7c1a;
}

.collapse-text {
  position: relative;
  overflow: hidden;
  transition: max-height .4s ease;
  max-height: 400px;
}

.collapse-text.is-collapsed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 78px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgb(35 35 45 / 56%) 0%, rgb(35 35 45 / 85%) 60%, rgb(35 35 45) 100%);
}

.collapse-text.is-expanded {
  max-height: none;
}

.hero-box.collapse-text {
  max-height: none;
}

.hero-box.collapse-text.is-collapsed::after {
  background: transparent;
}

.hero-box.collapse-text+.content-toggle {
  display: none;
}

.content-toggle {
  margin-top: 8px;
  display: inline-flex;
  align-self: flex-start;
  cursor: pointer;
  font-weight: 700;
  transition: .2s ease;
  background: #34343e;
  padding: 4px 16px;
  border-radius: 8px;
}

.content-toggle:hover {
  opacity: .7;
}

.seo-text.collapse-text.is-collapsed {
  max-height: 240px;
}

.seo-text br {
  display: none;
}

.seo-text.collapse-text.is-collapsed::after {
  background: linear-gradient(to bottom, rgb(25 26 34 / 0%) 0%, rgb(8 9 11) 60%, rgb(8 9 11) 100%);
}

.full-content .tab-nav .active,
.full-content .tab-nav div:hover {
  background: var(--green-200);
}

.full-content .tab-pane {
  display: none;
}

.full-content .tab-pane.active {
  display: block;
}

.full-content .tab-nav div {
  cursor: pointer;
}

.related-posts a {
  width: 200px;
  flex-shrink: 0;
}

.mass_comments_action {
  display: none;
}

.checkbox-custom label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 15px;
  user-select: none;
}

.checkbox-custom input {
  display: none;
}

.checkbox-custom span {
  position: relative;
  padding-left: 32px;
}

.checkbox-custom span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgb(255 255 255 / 19%);
  transition: 0.2s;
}

.checkbox-custom span::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  width: 8px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translateY(-60%) rotate(45deg);
  opacity: 0;
  transition: 0.2s;
}

.checkbox-custom input:checked+span::before {
  background: var(--dark-100);
}

.checkbox-custom input:checked+span::after {
  opacity: 1;
}

#dle-comments-list {
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.pagination .pages a,
.pagination .pages span,
.page_next-prev a,
.page_next-prev span {
  display: inline-flex;
  padding: 4px 11px;
  border-radius: 4px;
  border: 1px solid transparent;
  align-items: center;
}

.page_next-prev a,
.page_next-prev span {
  padding: 4px 7px;
}

.pagination .pages a {
  transition: 0.3s;
}

.pagination .pages span {
  background: #f6f5f517;
}

.page_next-prev span {
  opacity: 0.5;
}

.page_next-prev a,
.page_next-prev span,
.pagination .pages a:hover {
  border: 1px solid #3e3e4d;
}

#appsmenu {
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

#appsmenu.expanded {
  flex-wrap: wrap;
}

#appsmenu li:nth-child(n+7) {
  opacity: 0;
  transform: translateY(10px);
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
}

#appsmenu.expanded li:nth-child(n+7) {
  max-height: 100px;
  pointer-events: auto;
}

#appsmenu.expanded li.show {
  animation: fadeInUp 0.35s ease forwards;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#appsToggle {
  background: #000;
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 12px;
  cursor: pointer;
}

#appsmenu a,
.btn-border-lite {
  display: inline-flex;
  background: var(--dark-200);
  padding: 6px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: 0.3s;
}

.btn-border-lite {
  border: 1px solid #474848;
  padding: 8px 10px;
}

#appsmenu a.active {
  background: #4ca86640;
  border: 1px solid #4ca866;
}



#appsmenu a:hover {
  background: var(--dark-200);
}


.collapse-section .collapse-item {
  padding: 12px 0;
  position: relative;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.collapse-section .collapse-item .collapse-question {
  font-size: 17px;
}

.collapse-section .collapse-item:hover .collapse-question {
  opacity: 0.75;
}

.collapse-section .collapse-item .collapse-answer {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -o-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
}

.collapse-section .collapse-item.active .collapse-answer {
  height: auto;
  margin-top: 8px;
  visibility: visible;
  opacity: 1;
}

.collapse-section .collapse-item.active .open-icon {

  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.text-gradient {
  background: linear-gradient(90deg, #7C6EFA, #FA6E9A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.img-stream {
  border-radius: 8px;
  float: left;
  margin: 0 12px 12px 0;
}

.cat-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

.cat-card {
  min-width: 268px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 16px 16px;
  border-radius: 16px;
  background: var(--dark-100);
  border: 1px solid transparent;
  text-decoration: none;
  overflow: hidden;
  transition: transform .25s cubic-bezier(.34, 1.4, .64, 1),
    border-color .25s,
    box-shadow .25s;
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0;
  animation: fadeUp .5s forwards;
}

.cat-card:hover {
  transform: translateY(-4px);
  border-color: var(--c-accent);
  box-shadow: 0 16px 40px -12px var(--c-glow);
}

.cat-card::before {
  content: '';
  position: absolute;
  top: -30%;
  right: -20%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--c-glow);
  opacity: 0.15;
  transition: opacity .3s;
  pointer-events: none;
}

.cat-card:hover::before {
  opacity: 1;
}

.cat-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  background: var(--c-icon-bg);
  flex-shrink: 0;
  transition: transform .25s cubic-bezier(.34, 1.4, .64, 1);
}

.cat-card:hover .cat-card__icon {
  transform: scale(1.1) rotate(-3deg);
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cat-card:nth-child(1) {
  animation-delay: .04s;
}

.cat-card:nth-child(2) {
  animation-delay: .08s;
}

.cat-card:nth-child(3) {
  animation-delay: .12s;
}

.cat-card:nth-child(4) {
  animation-delay: .16s;
}

.cat-card:nth-child(5) {
  animation-delay: .20s;
}

.cat-card:nth-child(6) {
  animation-delay: .24s;
}

.cat-card:nth-child(7) {
  animation-delay: .28s;
}

.cat-card:nth-child(8) {
  animation-delay: .32s;
}

.cat--video {
  --c-accent: #FF5C5C;
  --c-glow: rgba(255, 92, 92, .18);
  --c-icon-bg: rgba(255, 92, 92, .12);
}

.cat--tools {
  --c-accent: #FBBF24;
  --c-glow: rgba(251, 191, 36, .18);
  --c-icon-bg: rgba(251, 191, 36, .1);
}

.cat--ai {
  --c-accent: #A78BFA;
  --c-glow: rgba(167, 139, 250, .18);
  --c-icon-bg: rgba(167, 139, 250, .1);
}

.cat--art {
  --c-accent: #F472B6;
  --c-glow: rgba(244, 114, 182, .18);
  --c-icon-bg: rgba(244, 114, 182, .1);
}

.cat--books {
  --c-accent: #34D399;
  --c-glow: rgba(52, 211, 153, .18);
  --c-icon-bg: rgba(52, 211, 153, .1);
}

.cat--music {
  --c-accent: #22D3EE;
  --c-glow: rgba(34, 211, 238, .18);
  --c-icon-bg: rgba(34, 211, 238, .1);
}

.cat--news {
  --c-accent: #FB923C;
  --c-glow: rgba(251, 146, 60, .18);
  --c-icon-bg: rgba(251, 146, 60, .1);
}

.cat--education {
  --c-accent: #60A5FA;
  --c-glow: rgba(96, 165, 250, .18);
  --c-icon-bg: rgba(96, 165, 250, .1);
}

.cat--personal {
  --c-accent: #C084FC;
  --c-glow: rgba(192, 132, 252, .18);
  --c-icon-bg: rgba(192, 132, 252, .1);
}

.cat--travel {
  --c-accent: #2DD4BF;
  --c-glow: rgba(45, 212, 191, .18);
  --c-icon-bg: rgba(45, 212, 191, .1);
}

.cat--comm {
  --c-accent: #38BDF8;
  --c-glow: rgba(56, 189, 248, .18);
  --c-icon-bg: rgba(56, 189, 248, .1);
}

.cat--social {
  --c-accent: #F87171;
  --c-glow: rgba(248, 113, 113, .18);
  --c-icon-bg: rgba(248, 113, 113, .1);
}

.cat--sport {
  --c-accent: #A3E635;
  --c-glow: rgba(163, 230, 53, .18);
  --c-icon-bg: rgba(163, 230, 53, .1);
}

.cat--finance {
  --c-accent: #4ADE80;
  --c-glow: rgba(74, 222, 128, .18);
  --c-icon-bg: rgba(74, 222, 128, .1);
}

.cat--vpn {
  --c-accent: #818CF8;
  --c-glow: rgba(129, 140, 248, .18);
  --c-icon-bg: rgba(129, 140, 248, .1);
}

.scroll-box-touch {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  white-space: nowrap;
}

.box-shadows {
  box-shadow: 0 0 1px 0 hsla(0, 0%, 0%, .05), 0 2px 16px -4px hsla(0, 0%, 0%, .15);
}

.btn-blue {
  background: #2fa5df;
  color: #fff;
}

.btn-blue:hover {
  background: #1d83b5;
}

@media (max-width: 1024px) {
  .lg-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lg-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lg-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lg-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lg-d-none {
    display: none;
  }
}

@media (max-width: 768px) {
  .md-d-none {
    display: none;
  }

  .md-d-flex {
    display: flex;
  }


  .md-gap-12 {
    gap: 12px;
  }

  .md-cols-1 {
    grid-template-columns: 1fr;
  }

  .md-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .md-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .md-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .md-p-12 {
    padding: 12px;
  }

  .md-px-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .fixbar .side-menu li a span {
    display: none;
  }
}

@media (max-width: 660px) {
  .sm-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .sm-cols-1 {
    grid-template-columns: 1fr;
  }

  .container {
    padding: 0 8px;
  }

  .fixbar .fixbar-wrap {
    padding: 8px;
  }

  .sm-text-center {
    text-align: center;
  }

  .sm-flex-column {
    flex-direction: column;
  }

  .sm-flex-row {
    flex-direction: row;
  }

  .sm-fs-22 {
    font-size: 22px;
  }

  .sm-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm-order-1 {
    order: -1;
  }

  .sm-w-100 {
    width: 100%;
  }

  .sm-fs-20 {
    font-size: 20px;
  }

  .sm-gap-12 {
    gap: 12px;
  }

  .sm-d-none {
    display: none;
  }

  .sm-p-12 {
    padding: 12px;
  }

  .sm-justify-content-center {
    justify-content: center;
  }

  .sm-content-center {
    margin: 0 auto;
  }

  .hero-box.collapse-text {
    max-height: 0;
  }

  .hero-box.collapse-text+.content-toggle {
    display: inline-flex;
  }
}

@media (max-width: 550px) {
  .xs-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .xs-cols-1 {
    grid-template-columns: 1fr;
  }

  .fixbar .side-menu {
    padding: 0 8px;
  }

  .fixbar .more-menu li,
  .fixbar .side-menu li a {
    gap: 2px;
    border-radius: 6px;
    padding: 4px;
  }
}