html,
body,
header,
nav,
section,
aside,
article,
footer,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

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

a,
span,
p {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
}

font {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}

input,
button,
select,
textarea {
  outline: none;
  border: none;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

select,
button {
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#detach-button-host {
  display: none;
}

.title {
  min-height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  row-gap: 0.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.title__text {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 200;
}
.title__text b {
  font-weight: 300;
}
.title__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}

.block {
  border-radius: 0.6rem;
  background-color: #2e3b57;
  border: 1px solid #3a4a6d;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.block__content {
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  position: relative;
}
.form:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/preloader-spin.svg") center center no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.form hr {
  width: calc(100% + 3rem);
  margin: 0 -1.5rem;
  padding: 0;
  border: 0;
  border-top: 1px solid #3a4a6d;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.form hr.disabled {
  opacity: 0.3;
}
.form--full {
  width: 100%;
}
.form.submitting:after {
  opacity: 1;
  pointer-events: all;
}
.form__group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.form__group--disabled {
  opacity: 0.3;
  pointer-events: none;
}
.form.submitting .form__group {
  opacity: 0.3;
}

.form-label {
  font-size: 0.7rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

.form-input {
  width: 100%;
  border-radius: 0.3rem;
  border: 1px solid #3a4a6d;
  overflow: hidden;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
.form-input:has(input.invalid) {
  border: 1px solid #db6596;
}
.form-input__content {
  width: 100%;
  height: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #25314b;
}
.form-input__content:not(:last-child) {
  border-bottom: 1px solid #3a4a6d;
}
.form-input__content > i {
  height: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  line-height: 1;
  color: #eac485;
  pointer-events: none;
}
.form-input__content input {
  height: 100%;
  background: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 0.85rem;
  line-height: 1;
  color: #dde7ff;
  padding-left: 2.2rem;
}
.form-input__content input::-webkit-input-placeholder {
  color: #dde7ff;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.form-input__content input::-moz-placeholder {
  color: #dde7ff;
  opacity: 0.5;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.form-input__content input:-ms-input-placeholder {
  color: #dde7ff;
  opacity: 0.5;
  -ms-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.form-input__content input::-ms-input-placeholder {
  color: #dde7ff;
  opacity: 0.5;
  -ms-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.form-input__content input::placeholder {
  color: #dde7ff;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.form-input__content-bonus {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1;
  color: #232c44;
  padding: 0 0.5rem;
  background: #eac485;
  margin: 0.2rem;
  border-radius: 0.25rem;
}
.form-input__content-bonus.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-input__message {
  width: 100%;
  padding: 0.5rem 0.8rem;
  font-size: 0.8rem;
}
.form-input__message--danger {
  color: #ff90b8;
  background-color: rgba(255, 144, 184, 0.05);
}

.form-checkbox input {
  opacity: 0;
  position: absolute !important;
  pointer-events: none;
}
.form-checkbox input ~ label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.form-checkbox input ~ label:before {
  content: "";
  display: block;
  width: 1.167rem;
  height: 1.167rem;
  display: block;
  border-radius: 0.3rem;
  border: 1px solid #3a4a6d;
  background-color: #25314b;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  cursor: pointer;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
.form-checkbox input ~ label:after {
  content: "";
  display: block;
  width: calc(1.167rem - 10px);
  height: calc(1.167rem - 10px);
  position: absolute;
  top: 5px;
  left: 5px;
  opacity: 0;
  border-radius: 0.1rem;
  background-color: #eac485;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}
.form-checkbox input ~ label span {
  width: calc(100% - 1.167rem);
  padding-left: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
.form-checkbox input ~ label span a {
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.form-checkbox input ~ label span a:hover {
  color: #eac485;
}
.form-checkbox input.invalid ~ label:before {
  border: 1px solid #db6596;
}
.form-checkbox input:checked ~ label:after {
  opacity: 1;
}

.form-checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.3rem;
  border: 1px solid #3a4a6d;
  background-color: #2a3753;
}

.form-checkbox-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.5rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  padding: 1rem;
  border-radius: 0.3rem;
  border: 1px dashed #3a4a6d;
  background-color: rgba(42, 55, 83, 0.4);
}

.form-bonus {
  position: relative;
}
.form-bonus:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/preloader-spin.svg") center center no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.form-bonus.submitting:after {
  opacity: 1;
  pointer-events: all;
}
.form-bonus .table {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.form-bonus.submitting .table {
  opacity: 0.3;
}

.form-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.form-filters__group--full {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form-select {
  width: 100%;
  height: calc(2.2rem + 2px);
  position: relative;
  z-index: 1;
  border-radius: 0.3rem;
  border: 1px solid #3a4a6d;
  background-color: #25314b;
}
.form-select--active {
  z-index: 10;
}
.form-select > i {
  height: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  line-height: 1;
  color: #eac485;
  pointer-events: none;
}
.form-select__current {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2.2rem;
  font-size: 0.85rem;
  line-height: 1;
  color: #dde7ff;
  cursor: pointer;
}
.form-select__current--placeholder {
  color: #dde7ff;
  opacity: 0.5;
}
.form-select__stroke {
  width: 100%;
  position: absolute;
  top: calc(100% + 12px);
  background-color: #314061;
  border: 1px solid #3c4c6e;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.form-select--active .form-select__stroke {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.form-select__item {
  padding: 0.6rem 0.6rem;
  font-size: 0.85rem;
  line-height: 1;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}
.form-select__item:hover {
  background-color: #354669;
}
.form-select__item--active {
  color: #eac485;
}
.form-select__item:not(:last-child) {
  border-bottom: 1px solid #3c4c6e;
}

.form-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px solid #3a4a6d;
  background-color: #25314b;
  border-radius: 0.3rem;
  overflow: hidden;
}
.form-file__button {
  min-height: 2.2rem;
  width: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-right: 1px solid #3a4a6d;
  background-color: #25314b;
  color: #eac485;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}
.form-file__button:hover {
  background-color: #283552;
}
.form-file__input {
  width: 100%;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-file__input-placeholder {
  width: 100%;
  height: 100%;
  padding: 0.3rem 0.6rem 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.85rem;
  line-height: 1;
  color: #dde7ff;
  background-color: #25314b;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.form-file__input-placeholder:hover {
  background-color: #283552;
}
.form-file__input-placeholder.dragover {
  background-color: #283552;
}
.form-file__input-placeholder--text {
  opacity: 0.5;
}
.form-file__input-placeholder--drop {
  margin-left: auto;
}
.form-file__input-placeholder--drop, .form-file__input-placeholder--insert {
  font-size: 0.5rem;
  line-height: 0.6;
  padding: 0.3rem 0.4rem;
  border-radius: 2px;
  background-color: #3a4a6d;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.form-file__input-placeholder.dragover span.drug-and-drop {
  opacity: 1;
}
.form-file__input-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 0.4rem 0.5rem;
}
.form-file__input-item:not(:last-child) {
  border-bottom: 1px solid #3a4a6d;
}
.form-file__input-item-preview {
  height: 1.4rem;
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1c2538;
  border-radius: 0.2rem;
}
.form-file__input-item-preview img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.form-file__input-item-preview i {
  font-size: 16px;
  line-height: 1em;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
  opacity: 0.5;
}
.form-file__input-item-name {
  font-size: 0.85rem;
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-file__input-item-cancel {
  height: 1.2rem;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.form-file__input-item-cancel i {
  font-size: 0.8rem;
  line-height: 0.9;
  color: #f876ac;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.form-file__input-item-cancel:hover i {
  color: #fff;
}

.form-message {
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  border-width: 1px;
  border-style: solid;
  border-color: #3a4a6d;
}
.form-message--danger {
  color: #ff90b8;
  background-color: rgba(255, 144, 184, 0.05);
  border-color: #916071;
}
.form-message--success {
  color: #90ffac;
  background-color: rgba(144, 255, 172, 0.05);
  border-color: #407c4e;
}
.form-message--notice {
  color: #dce3f3;
  background-color: rgba(220, 227, 243, 0.05);
  border-color: #636c83;
}

.form-text {
  font-size: 0.8rem;
  color: #919fbd;
}
.form-text a {
  color: #eac485;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.form-text a:hover {
  color: #fff;
}

.form-label + .form-text {
  margin-top: -0.5rem;
}

.form-toggle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.form-toggle__item {
  width: calc((100% - 2.5rem) / 6);
  aspect-ratio: 114/56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
@media (max-width: 640px) {
  .form-toggle__item {
    width: calc((100% - 1.5rem) / 4);
  }
}
@media (max-width: 480px) {
  .form-toggle__item {
    width: calc((100% - 1rem) / 3);
  }
}
.form-toggle__item[data-name-system] {
  display: none;
}
.form-toggle__item.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-toggle__item--full {
  width: 100%;
  height: 2.2rem;
  aspect-ratio: initial;
}
.form-toggle__item-preview {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
}
.form-toggle__item-preview img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.form-toggle__item-label {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  background-color: #eac485;
  color: #25314b;
  font-size: 0.7rem;
  line-height: 1;
  padding: 3px 4px 2px;
  font-weight: 800;
  border-radius: 0.25rem 0 0.25rem 0;
}
.form-toggle__item-label--red {
  background-color: #ff0000;
  color: #fff;
}
.form-toggle__item-label i {
  font-size: 0.6rem;
}
.form-toggle__item-text {
  width: 100%;
  font-size: 0.7rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  text-align: center;
  position: relative;
  padding: 0 0.5rem;
  z-index: 3;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.form-toggle__item:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  border-radius: 0.3rem;
  background-color: #25314b;
  border: 1px solid #3a4a6d;
  -webkit-transition: opacity 0.3s ease-in-out, border 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, border 0.3s ease-in-out, background 0.3s ease-in-out;
  opacity: 0.2;
}
.form-toggle__item.active:after {
  opacity: 1;
}
.form-toggle__item:hover:after {
  opacity: 1;
}
.form-toggle__item--all:after {
  border: 1px solid #546da3;
  background: linear-gradient(45deg, #546da3, #3b4c70);
}
.form-toggle__item--manual:after {
  border: 1px solid #546da3;
  background: linear-gradient(45deg, #546da3, #3b4c70);
}
.form-toggle__item--server:after {
  border: 1px solid #7197e7;
  background-color: #445d91;
}
.form-toggle__item--server.active .form-toggle__item-text, .form-toggle__item--server:hover .form-toggle__item-text {
  color: #232c44;
}
.form-toggle__item--server.active:after, .form-toggle__item--server.active:after, .form-toggle__item--server:hover:after, .form-toggle__item--server:hover:after {
  border: 1px solid #eac485;
  background-color: #eac485;
}
.form-toggle__item--spb:after {
  border: 1px solid #7873d3;
  background: linear-gradient(45deg, #7873d3, #5b57a2);
}
.form-toggle__item--visa:after {
  border: 1px solid #0978da;
  background: linear-gradient(45deg, #0978da, #01549b);
}
.form-toggle__item--mastercard:after {
  border: 1px solid #f79e1b;
  background: linear-gradient(45deg, #f79e1b, #eb001b);
}
.form-toggle__item--tether:after {
  border: 1px solid #30ce9c;
  background: linear-gradient(45deg, #30ce9c, #259c77);
}
.form-toggle__item--visamastercard:after {
  border: 1px solid #0978da;
  background: linear-gradient(45deg, #0978da, #01549b);
}
.form-toggle__item--paypal:after {
  border: 1px solid #2790c3;
  background: linear-gradient(45deg, #2790c3, #3b50a1);
}
.form-toggle__item--bitcoin:after {
  border: 1px solid #ffa02b;
  background: linear-gradient(45deg, #ffa02b, #ff7b00);
}
.form-toggle__item--perfectmoney:after {
  border: 1px solid #ff465c;
  background: linear-gradient(45deg, #ff465c, #c70017);
}
.form-toggle__item--ethereum:after {
  border: 1px solid #8b93b4;
  background: linear-gradient(45deg, #8b93b4, #626890);
}
.form-toggle__item--litecoin:after {
  border: 1px solid #4f86e0;
  background: linear-gradient(45deg, #4f86e0, #345d9d);
}
.form-toggle__item--dash:after {
  border: 1px solid #009dff;
  background: linear-gradient(45deg, #009dff, #0075be);
}
.form-toggle__item--tron:after {
  border: 1px solid #ff465c;
  background: linear-gradient(45deg, #ff465c, #c70017);
}
.form-toggle__item--enot:after {
  border: 1px solid #fbcd02;
  background: linear-gradient(45deg, #fbcd02, #c58000);
}
.form-toggle__item--morune:after {
  border: 1px solid #7c89ff;
  background: linear-gradient(45deg, #828fff, #5f69d1);
}
.form-toggle__item--paypalych:after {
  border: 1px solid #28a7c4;
  background: linear-gradient(45deg, #28a7c4, #1e7f94);
}
.form-toggle__item--primepayments:after {
  border: 1px solid #5d57ff;
  background: linear-gradient(45deg, #5d57ff, #3a34ff);
}
.form-toggle__item--capitalist:after {
  border: 1px solid #82ba2e;
  background: linear-gradient(45deg, #82ba2e, #648f23);
}
.form-toggle__item--changecoins:after {
  border: 1px solid #15a766;
  background: linear-gradient(45deg, #15a766, #0e7446);
}
.form-toggle--servers {
  position: relative;
  padding: 0.5rem;
}
.form-toggle--servers:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.3rem;
  background-color: #283550;
  border: 1px solid #384768;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out, border 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, border 0.3s ease-in-out, background 0.3s ease-in-out;
}
.form-toggle--servers.accent:after {
  -webkit-animation: accent 1s ease-in-out 500ms 1 normal forwards;
          animation: accent 1s ease-in-out 500ms 1 normal forwards;
}
@-webkit-keyframes accent {
  from {
    border: 1px solid #384768;
  }
  to {
    border: 1px solid #eac485;
  }
}
@keyframes accent {
  from {
    border: 1px solid #384768;
  }
  to {
    border: 1px solid #eac485;
  }
}
.form-toggle--servers:has(input.invalid):after {
  border: 1px solid #db6596;
}
.form-toggle--servers .form-toggle__item {
  width: calc((100% - 1.5rem) / 4);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  aspect-ratio: unset;
  padding: 0.9rem 0.25rem;
  position: relative;
  z-index: 3;
}
@media (max-width: 640px) {
  .form-toggle--servers .form-toggle__item {
    width: calc((100% - 0.5rem) / 2);
  }
}
.form-toggle--servers .form-toggle__item:after {
  border-radius: 0.2rem;
}
.form-toggle--servers .form-toggle__item-preview img {
  width: 80%;
}
.form-toggle--servers .form-toggle__item-text {
  letter-spacing: unset;
  font-size: 0.8rem;
  text-transform: none;
}
.form-toggle--systems .form-toggle__item {
  width: calc((100% - 1.5rem) / 4);
  aspect-ratio: 114/40;
}
@media (max-width: 640px) {
  .form-toggle--systems .form-toggle__item {
    aspect-ratio: 114/56;
  }
}
@media (max-width: 480px) {
  .form-toggle--systems .form-toggle__item {
    width: calc((100% - 1rem) / 3);
  }
}
.form-toggle--systems .form-toggle__item-preview img {
  width: 80%;
}

.form-range {
  height: 46px;
  padding-top: 19px;
}
.form-range__content.noUi-target {
  background: #25314b;
  border-radius: 0.3rem;
  border: 1px solid #3a4a6d;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-range__content.noUi-horizontal {
  height: 8px;
}
.form-range__content.noUi-horizontal .noUi-handle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #eac485;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: -4px;
  right: -7px;
}
.form-range__content.noUi-horizontal .noUi-handle:before, .form-range__content.noUi-horizontal .noUi-handle:after {
  display: none;
}
.form-range__content.noUi-horizontal .noUi-connect {
  background: #eac485;
}
.form-range__content .noUi-tooltip {
  border: 1px solid #3a4a6d;
  border-radius: 0.2rem;
  background: #25314b;
  color: #fff;
  font-size: 0.7rem;
  line-height: 1;
  font-weight: 400;
  padding: 0.2rem 0.3rem;
}
.form-range__content .noUi-pips-horizontal {
  height: 42px;
  padding: 4px 0;
}
.form-range__content .noUi-marker-horizontal.noUi-marker {
  width: 1px;
}
.form-range__content .noUi-marker {
  background: #3a4a6d;
}
.form-range__content .noUi-marker-large {
  background: #516185;
}
.form-range__content .noUi-marker-horizontal.noUi-marker {
  height: 2px;
}
.form-range__content .noUi-marker-horizontal.noUi-marker:after {
  content: "";
  display: block;
  width: 1px;
  height: 2px;
  background: #3a4a6d;
  position: absolute;
  left: 0;
  bottom: 16px;
}
.form-range__content .noUi-marker-horizontal.noUi-marker-large {
  height: 4px;
}
.form-range__content .noUi-marker-horizontal.noUi-marker-large:after {
  content: "";
  display: block;
  width: 1px;
  height: 4px;
  background: #516185;
  position: absolute;
  left: 0;
  bottom: 18px;
}
.form-range__content .noUi-value {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #eac485;
}
@media (max-width: 640px) {
  .form-range__content .noUi-value {
    font-size: 10px;
  }
}
.form-range__content .noUi-custom-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 10px;
  color: #adb8cf;
}
@media (max-width: 640px) {
  .form-range__content .noUi-custom-value {
    font-size: 8px;
  }
}

.form-rates {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.form-rates__item {
  width: calc((100% - 1.5rem) / 4);
  height: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: default;
  background: #283550;
  border-radius: 0.3rem;
  border: 1px solid #384768;
  overflow: hidden;
}
@media (max-width: 640px) {
  .form-rates__item {
    width: calc((100% - 0.5rem) / 2);
  }
}
.form-rates__item-icon {
  height: 100%;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8rem;
  line-height: 1;
  color: #eac485;
  border-right: 1px solid #384768;
}
.form-rates__item-value {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 0.7rem;
  line-height: 1;
  text-align: center;
}

.statistic-filters {
  padding: 1.5rem;
  border-bottom: 1px solid #354361;
}
.statistic-filters .form {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  row-gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.statistic-filters .form__group--server, .statistic-filters .form__group--status, .statistic-filters .form__group--method, .statistic-filters .form__group--system {
  width: calc((100% - 2.5rem) / 6);
}
.statistic-filters .form__group--date-min, .statistic-filters .form__group--date-max {
  width: calc((100% - 2.5rem) / 6);
}
.statistic-filters .form__group--buttons {
  width: calc((100% - 2.5rem) / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.invoice-filters {
  padding: 1.5rem;
  border-bottom: 1px solid #354361;
}
.invoice-filters .form {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  row-gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.invoice-filters .form__group--uuid {
  width: calc((100% - 2rem) / 5);
}
.invoice-filters .form__group--email {
  width: calc((100% - 0.5rem) / 2);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.invoice-filters .form__group--server, .invoice-filters .form__group--status, .invoice-filters .form__group--method, .invoice-filters .form__group--system {
  width: calc((100% - 2rem) / 5);
}
.invoice-filters .form__group--date-min, .invoice-filters .form__group--date-max {
  width: calc((100% - 2rem) / 5);
}
.invoice-filters .form__group--buttons {
  width: calc((100% - 2rem) / 5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.payment-filters {
  padding: 1.5rem;
  border-bottom: 1px solid #354361;
}
.payment-filters .form {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  row-gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.payment-filters .form__group--uuid {
  width: calc((100% - 2.5rem) / 6);
}
.payment-filters .form__group--email {
  width: calc((100% - 0.5rem) / 2);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.payment-filters .form__group--server, .payment-filters .form__group--status, .payment-filters .form__group--method, .payment-filters .form__group--system {
  width: calc((100% - 2.5rem) / 6);
}
.payment-filters .form__group--date-min, .payment-filters .form__group--date-max {
  width: calc((100% - 2.5rem) / 6);
}
.payment-filters .form__group--buttons {
  width: calc((100% - 2.5rem) / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.bonus-filters {
  padding: 1.5rem;
  border-bottom: 1px solid #354361;
}
.bonus-filters .form {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  row-gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bonus-filters .form__group--email {
  width: calc((100% - 0.5rem) / 2);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.bonus-filters .form__group--bonus {
  width: calc((100% - 2.5rem) / 6);
}
.bonus-filters .form__group--buttons {
  width: calc((100% - 2.5rem) / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.form-server-balance {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-server-balance__item {
  width: calc((100% - 0.5rem) / 2);
  min-width: 10rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #293652;
  border-radius: 0.3rem;
  border: 1px solid #3a4a6d;
  text-align: center;
}
.form-server-balance__item-name {
  width: 100%;
  font-size: 0.8rem;
  line-height: 1;
  color: #7082a7;
}
.form-server-balance__item-value {
  width: 100%;
  font-size: 1rem;
  line-height: 1;
}

button {
  background: none;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  height: calc(2.2rem + 2px);
  padding: 0 1rem;
  border-radius: 0.3rem;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.btn.disabled {
  pointer-events: none;
}
.btn span {
  font-size: 0.85rem;
  line-height: 1;
  font-weight: 500;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.btn i {
  font-size: 0.85rem;
  line-height: 1;
  font-weight: 500;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.btn--full {
  width: 100%;
}
.btn--small {
  height: 2rem;
  padding: 0 0.7rem;
  gap: 0.3rem;
}
.btn--small span {
  font-size: 0.8rem;
  line-height: 1;
}
.btn--small i {
  font-size: 0.8rem;
  line-height: 0.8;
}
.btn--ratio {
  padding: 0;
  aspect-ratio: 1/1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn--primary {
  background-color: #eac485;
  border-color: #eac485;
}
.btn--primary span {
  color: #232c44;
}
.btn--primary i {
  color: #232c44;
}
.btn--primary:hover {
  background-color: #f8ddb1;
  border-color: #f8ddb1;
}
.btn--outline-primary {
  border-color: #eac485;
}
.btn--outline-primary span {
  color: #eac485;
}
.btn--outline-primary i {
  color: #eac485;
}
.btn--outline-primary:hover {
  border-color: #f8ddb1;
  background-color: #f8ddb1;
}
.btn--outline-primary:hover span {
  color: #232c44;
}
.btn--outline-primary:hover i {
  color: #232c44;
}
.btn--outline-secondary {
  border-color: #47536d;
}
.btn--outline-secondary span {
  color: #dde7ff;
}
.btn--outline-secondary i {
  color: #dde7ff;
}
.btn--outline-secondary:hover {
  border-color: #acbbe0;
  background-color: #acbbe0;
}
.btn--outline-secondary:hover span {
  color: #232c44;
}
.btn--outline-secondary:hover i {
  color: #232c44;
}
.btn--danger {
  background-color: #eb679e;
  border-color: #eb679e;
}
.btn--danger span {
  color: #361824;
}
.btn--danger i {
  color: #361824;
}
.btn--danger:hover {
  background-color: #ff8bbb;
  border-color: #ff8bbb;
}
.btn--outline-danger {
  border-color: #654854;
}
.btn--outline-danger span {
  color: #f876ac;
}
.btn--outline-danger i {
  color: #f876ac;
}
.btn--outline-danger:hover {
  border-color: #ff8bbb;
  background-color: #ff8bbb;
}
.btn--outline-danger:hover span {
  color: #361824;
}
.btn--outline-danger:hover i {
  color: #361824;
}

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.btn-group--full {
  width: 100%;
}
.btn-group--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.btn-group--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.apexcharts-tooltip {
  background-color: #314061 !important;
  color: #dde7ff !important;
  border-radius: 0.3rem !important;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #3c4c6e !important;
}
.apexcharts-tooltip-title {
  background-color: #3c4c6e !important;
  border-bottom: 1px solid #3c4c6e !important;
}
.apexcharts-tooltip-series-group {
  line-height: 1 !important;
}
.apexcharts-tooltip-marker {
  line-height: 1 !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
  background-color: #314061 !important;
  color: #dde7ff !important;
  border-radius: 0.3rem !important;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #3c4c6e !important;
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #3c4c6e !important;
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #3c4c6e !important;
}

.apexcharts-legend-text {
  line-height: 1;
  padding-top: 0.11rem;
  padding-left: 18px !important;
}

.table {
  width: 100%;
  overflow-x: auto;
}
.table__content {
  width: 100%;
  display: table;
}
.table__content:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.table__content--hidden {
  display: none;
}
.table__row {
  display: table-row;
}
.table__row--hidden {
  display: none;
}
.table__row--accent {
  background: -webkit-gradient(linear, left top, right top, from(rgba(95, 125, 163, 0.141)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(95, 125, 163, 0.141), rgba(0, 0, 0, 0));
  position: relative;
}
.table__row--accent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #eac485;
}
.table__row:not(:last-child) .table__col {
  border-bottom: 1px solid #354361;
}
.table__col {
  display: table-cell;
  vertical-align: middle;
  padding: 1rem 0 1rem 1.5rem;
  font-size: 0.9rem;
}
.table__col-title {
  font-size: 0.7rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
.table__col:first-child {
  padding-left: 1.5rem;
}
.table__col:last-child {
  padding-right: 1.5rem;
}
.table__col--max {
  width: 100%;
}
.table__col--min {
  width: 0px;
}
.table__col--center {
  text-align: center;
}
.table__col--nowrap {
  white-space: nowrap;
}
.table__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.table__header {
  width: 100%;
  padding: 1.5rem 1.5rem;
}
.table__header:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.table__footer {
  width: 100%;
  padding: 1.5rem 1.5rem;
}
.table__footer:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.table__loader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem 1.5rem;
}
.table__loader--hidden {
  display: none;
}
.table__loader:after {
  content: "";
  width: 50px;
  aspect-ratio: 1/1;
  background: url("../images/preloader-spin.svg");
  background-size: 100% 100%;
}
.table__loader:not(:last-child) {
  border-bottom: 1px solid #354361;
}

.alert {
  width: 100%;
  padding: 0.75rem 1rem 0.6rem;
  border-radius: 0.6rem;
  font-size: 0.9rem;
  line-height: 1.5;
  border-width: 1px;
  border-style: solid;
  position: relative;
  cursor: default;
  overflow: hidden;
}
.alert__close {
  width: 1.2rem;
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0.8rem;
  right: 0.65rem;
  font-size: 0.9rem;
  line-height: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.alert__close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.alert--success {
  background-color: #055551;
  border-color: #08807a;
  color: #96fffa;
}
.alert--error {
  background-color: #953e62;
  border-color: #db6596;
  color: #ffdceb;
}
.alert--notice {
  background-color: #475d8b;
  border-color: #738bbf;
  color: #e5edff;
}
.alert--closed {
  padding-right: 2.5rem;
}
.alert--autoclosed {
  -webkit-animation: alert_anim 6s linear forwards;
          animation: alert_anim 6s linear forwards;
}
.alert--autoclosed:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
@-webkit-keyframes alert_anim {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  95% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  99% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    display: none;
    opacity: 0;
  }
}
@keyframes alert_anim {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  95% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  99% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    display: none;
    opacity: 0;
  }
}
.alert--autoclosed .alert__close:after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0.15;
  background-color: #fff;
  pointer-events: none;
  -webkit-animation: alert_close_anim 6s linear forwards;
          animation: alert_close_anim 6s linear forwards;
}
@-webkit-keyframes alert_close_anim {
  from {
    scale: 1;
  }
  to {
    scale: 0;
  }
}
@keyframes alert_close_anim {
  from {
    scale: 1;
  }
  to {
    scale: 0;
  }
}
.alert--autoclosed:hover .alert__close:after {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.alert-messages {
  width: calc(100dvw - 3rem);
  max-width: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 8888;
  padding-right: 2rem;
  padding-bottom: 2rem;
  overflow-x: hidden;
}
.alert-messages .alert {
  width: 100%;
}

.modal {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  pointer-events: none;
  overflow: auto;
  padding: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal.fadeIn .modal__bg {
  pointer-events: all;
}
.modal.active {
  pointer-events: all;
}
.modal.fadeOut {
  pointer-events: none;
}
.modal__bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(18, 28, 39, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.modal.fadeIn .modal__bg {
  opacity: 1;
}
.modal.active .modal__bg {
  opacity: 1;
}
.modal.fadeOut .modal__bg {
  opacity: 0;
}
.modal__content {
  width: 100%;
  max-width: 1024px;
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  margin: auto;
}
.modal__content.active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.modal--small .modal__content {
  max-width: 720px;
}
.modal.fadeIn .modal__content {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.modal.active .modal__content {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.modal.fadeOut .modal__content {
  opacity: 0;
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
}
.modal__layout {
  width: 100%;
  position: relative;
  z-index: 1;
  border-radius: 0.6rem;
  background-color: #2e3b57;
  border: 1px solid #3a4a6d;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.modal__layout-header {
  width: 100%;
  padding: 1.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.modal__layout-header:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.modal__layout-header--align-center {
  text-align: center;
}
.modal__layout-header-title {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 200;
}
.modal__layout-header-title b {
  font-weight: 300;
}
.modal__layout-header-title span {
  color: #eac485;
}
.modal__layout-header-text {
  font-size: 0.9rem;
  line-height: 1.4;
  color: #b9c5e1;
  font-weight: 300;
  margin-bottom: -0.1rem;
}
.modal__layout-content {
  width: 100%;
  padding: 1.5rem 1.5rem;
}
.modal__layout-content:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.modal__cancel {
  width: 1.8rem;
  height: 1.8rem;
  background-color: #2e3b57;
  border: 1px solid #3a4a6d;
  position: absolute;
  z-index: 2;
  top: -0.9rem;
  right: -0.9rem;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__cancel:hover {
  background-color: #3a4a6d;
}
.modal__cancel:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.modal--confirm-action .modal__content {
  max-width: 400px;
}

.confirm-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
.confirm-action__icon {
  font-size: 3rem;
  line-height: 1;
  padding: 0.5rem 0 0;
  color: #eac485;
}
.confirm-action__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  text-align: center;
}
.confirm-action__content-title {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 200;
}
.confirm-action__content-title b {
  font-weight: 300;
}
.confirm-action__content-title span {
  color: #eac485;
}
.confirm-action__content-text {
  font-size: 0.9rem;
  line-height: 1.4;
  color: #b9c5e1;
}
.confirm-action__content-text mark {
  color: #fff;
  background: none;
}
.confirm-action__content-text span {
  color: #eac485;
}
.confirm-action__content-text p:not(:last-child) {
  margin-bottom: 0.8rem;
}

.modal--payment-message .modal__content {
  max-width: 580px;
}

.payment-message {
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.payment-message__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}

.text-primary {
  color: #eac485;
}

.text-success {
  color: #90ffac;
}

.text-danger {
  color: #ff90b8;
}

.text-accent {
  color: #eac485;
}

.text-muted {
  color: #7485a9;
}

.donate {
  width: 100%;
  max-width: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.donate__logo {
  width: 100%;
  max-width: 8rem;
}
.donate__logo img {
  width: 100%;
  display: block;
}
.donate__title {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 200;
  text-align: center;
}
.donate__title b {
  font-weight: 300;
}
.donate__content {
  width: 100%;
}
.donate__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.donate__form-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.donate__footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1rem;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.donate__footer a {
  font-size: 0.9rem;
  line-height: 1;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.donate__footer a:hover {
  color: #eac485;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.pagination__item {
  width: 2rem;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.3rem;
  border: 1px solid #47536d;
  -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.pagination__item span {
  font-size: 0.85rem;
  line-height: 0.85;
  font-weight: 500;
  color: #dde7ff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.pagination__item i {
  font-size: 0.8rem;
  line-height: 0.8;
  font-weight: 500;
  color: #dde7ff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.pagination__item:not(.pagination__item--active):not(.pagination__item--disabled):hover {
  border-color: #acbbe0;
  background-color: #acbbe0;
}
.pagination__item:not(.pagination__item--active):not(.pagination__item--disabled):hover span {
  color: #232c44;
}
.pagination__item:not(.pagination__item--active):not(.pagination__item--disabled):hover i {
  color: #232c44;
}
.pagination__item--active {
  background-color: #eac485;
  border-color: #eac485;
}
.pagination__item--active span {
  color: #232c44;
}
.pagination__item--active i {
  color: #232c44;
}
.pagination__item--disabled {
  border-color: #364564;
}
.pagination__item--disabled span {
  color: #79839c;
}
.pagination__item--disabled i {
  color: #79839c;
}

.tippy-tooltip {
  font-size: 0.8rem;
  line-height: 1rem;
  background-color: #1b2437;
}
.tippy-tooltip[data-placement^=top] .tippy-arrow {
  border-top-color: #1b2437;
}
.tippy-tooltip[data-placement^=bottom] .tippy-arrow {
  border-bottom-color: #1b2437;
}
.tippy-tooltip[data-placement^=left] .tippy-arrow {
  border-left-color: #1b2437;
}
.tippy-tooltip[data-placement^=right] .tippy-arrow {
  border-right-color: #1b2437;
}

.server-label {
  padding: 0.3rem 0.4rem 0.2rem;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  line-height: 0.7rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
.server-label--907 {
  border: 1px solid #f3b071;
  background: linear-gradient(45deg, #f3b071, #b37a45);
}
.server-label--857 {
  border: 1px solid #b16be0;
  background: linear-gradient(45deg, #b16be0, #8745b3);
}
.server-label--719 {
  border: 1px solid #df6060;
  background: linear-gradient(45deg, #df6060, #b44343);
}
.server-label--443 {
  border: 1px solid #5f88d4;
  background: linear-gradient(45deg, #5f88d4, #3d62a7);
}

.text-server-907 {
  color: #fff;
}
.text-server-857 {
  color: #fff;
}
.text-server-719 {
  color: #fff;
}
.text-server-443 {
  color: #fff;
}

.bg-server-907 {
  background-color: #94643d;
}
.bg-server-857 {
  background-color: #8745b3;
}
.bg-server-719 {
  background-color: #b44343;
}
.bg-server-443 {
  background-color: #3d62a7;
}

.status-label {
  padding: 0.3rem 0.4rem 0.2rem;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  line-height: 0.7rem;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
.status-label--wait {
  border: 1px solid #cd823b;
  background: linear-gradient(45deg, #cd823b, #955214);
}
.status-label--reject {
  border: 1px solid #a35454;
  background: linear-gradient(45deg, #a35454, #7d2929);
}
.status-label--fail {
  border: 1px solid #cf4368;
  background: linear-gradient(45deg, #cf4368, #85223c);
}
.status-label--done {
  border: 1px solid #3c7f55;
  background: linear-gradient(45deg, #3c7f55, #235b39);
}

.text-status-wait {
  color: #fff;
}
.text-status-reject {
  color: #fff;
}
.text-status-fail {
  color: #fff;
}
.text-status-done {
  color: #fff;
}

.bg-status-wait {
  background-color: #695644;
}
.bg-status-reject {
  background-color: #3d62a7;
}
.bg-status-fail {
  background-color: #b44343;
}
.bg-status-done {
  background-color: #2f8b4e;
}

.payment-label {
  padding: 0.3rem 0.4rem 0.2rem;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  line-height: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
.payment-label--none {
  border: 1px solid #546da3;
  background: linear-gradient(45deg, #546da3, #3b4c70);
  opacity: 0.3;
}
.payment-label--all {
  border: 1px solid #546da3;
  background: linear-gradient(45deg, #546da3, #3b4c70);
}
.payment-label--manual {
  border: 1px solid #546da3;
  background: linear-gradient(45deg, #546da3, #3b4c70);
}
.payment-label--spb {
  border: 1px solid #7873d3;
  background: linear-gradient(45deg, #7873d3, #5b57a2);
}
.payment-label--card_ru {
  border: 1px solid #db2b2b;
  background: linear-gradient(45deg, #c92222, #9e1414);
}
.payment-label--card_ua {
  border: 1px solid #c7b93b;
  background: linear-gradient(45deg, #d6a607, #c98404);
}
.payment-label--etc {
  border: 1px solid #546da3;
  background: linear-gradient(45deg, #546da3, #3b4c70);
}
.payment-label--visa {
  border: 1px solid #0978da;
  background: linear-gradient(45deg, #0978da, #01549b);
}
.payment-label--mastercard {
  border: 1px solid #f79e1b;
  background: linear-gradient(45deg, #f79e1b, #eb001b);
}
.payment-label--tether {
  border: 1px solid #30ce9c;
  background: linear-gradient(45deg, #30ce9c, #259c77);
}
.payment-label--visamastercard {
  border: 1px solid #0978da;
  background: linear-gradient(45deg, #0978da, #01549b);
}
.payment-label--paypal {
  border: 1px solid #2790c3;
  background: linear-gradient(45deg, #2790c3, #3b50a1);
}
.payment-label--bitcoin {
  border: 1px solid #ffa02b;
  background: linear-gradient(45deg, #ffa02b, #ff7b00);
}
.payment-label--perfectmoney {
  border: 1px solid #ff465c;
  background: linear-gradient(45deg, #ff465c, #c70017);
}
.payment-label--ethereum {
  border: 1px solid #8b93b4;
  background: linear-gradient(45deg, #8b93b4, #626890);
}
.payment-label--litecoin {
  border: 1px solid #4f86e0;
  background: linear-gradient(45deg, #4f86e0, #345d9d);
}
.payment-label--dash {
  border: 1px solid #009dff;
  background: linear-gradient(45deg, #009dff, #0075be);
}
.payment-label--tron {
  border: 1px solid #ff465c;
  background: linear-gradient(45deg, #ff465c, #c70017);
}
.payment-label--enot {
  border: 1px solid #fbcd02;
  background: linear-gradient(45deg, #fbcd02, #c58000);
}
.payment-label--morune {
  border: 1px solid #7c89ff;
  background: linear-gradient(45deg, #828fff, #5f69d1);
}
.payment-label--paypalych {
  border: 1px solid #28a7c4;
  background: linear-gradient(45deg, #28a7c4, #1e7f94);
}
.payment-label--primepayments {
  border: 1px solid #5d57ff;
  background: linear-gradient(45deg, #5d57ff, #3a34ff);
}
.payment-label--capitalist {
  border: 1px solid #82ba2e;
  background: linear-gradient(45deg, #82ba2e, #648f23);
}
.payment-label--changecoins {
  border: 1px solid #15a766;
  background: linear-gradient(45deg, #15a766, #0e7446);
}

.payment-info {
  font-size: 0.85rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  background-color: rgba(0, 0, 0, 0.05);
}
.payment-info__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #354361;
  border-radius: 0.3rem;
  overflow: hidden;
}
.payment-info__row {
  min-height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.6rem 0.8rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.payment-info__row:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.payment-info__row:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.payment-info__row-name {
  line-height: 1;
}
.payment-info__row-value {
  line-height: 1;
}
.payment-info__row-value a {
  color: #eac485;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
}
.payment-info__row-value a:hover {
  color: #fff;
}
.payment-info__row-value .amount {
  font-size: 1rem;
  color: #eac485;
}
.payment-info__row-value .total {
  font-size: 1.2rem;
  color: #60fa9b;
}
.payment-info__row .description {
  color: #97a2bb;
}

.payment-info-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.payment-info-input__input {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: none;
}
.payment-info-input__input.active {
  display: block;
}
.payment-info-input__input input {
  height: 100%;
  width: 60px;
  padding: 0 0.3rem;
  border-radius: 0.3rem;
  border: 1px solid #3a4a6d;
  background-color: #25314b;
  color: #fff;
}
.payment-info-input__edit {
  height: 1.4rem;
  aspect-ratio: 1/1;
  border: 1px solid #3a4a6d;
  border-radius: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  line-height: 1;
  color: #fff;
  -webkit-transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}
.payment-info-input__edit:hover {
  border: 1px solid #eac485;
  color: #eac485;
}

.auth-wrapper {
  width: 100%;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.auth-wrapper__header {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.auth-wrapper__content {
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.auth-wrapper__footer {
  padding: 2rem;
  font-size: 0.8rem;
  line-height: 1;
  text-align: center;
}
.auth-wrapper__footer a {
  color: #eac485;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.auth-wrapper__footer a:hover {
  color: #fff;
}

.auth {
  width: 100%;
  max-width: 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.auth__logo {
  width: 100%;
  max-width: 8rem;
}
.auth__logo img {
  width: 100%;
  display: block;
}
.auth__title {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 200;
  text-align: center;
}
.auth__title b {
  font-weight: 300;
}
.auth__content {
  width: 100%;
}
.auth__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.auth__form-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.auth__footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1rem;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.auth__footer a {
  font-size: 0.9rem;
  line-height: 1;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.auth__footer a:hover {
  color: #eac485;
}

.donate-wrapper {
  width: 100%;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.donate-wrapper__header {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.donate-wrapper__content {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.donate-wrapper__footer {
  padding: 2rem;
  font-size: 0.8rem;
  line-height: 1;
  text-align: center;
}
.donate-wrapper__footer-logo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.donate-wrapper__footer-cpr {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 1rem;
}
.donate-wrapper__footer-text {
  color: #919fbd;
  margin-top: 0.8rem;
  font-size: 0.9em;
}
.donate-wrapper__footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  row-gap: 0.5rem;
  margin-top: 0.7rem;
}
.donate-wrapper__footer-links a {
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.donate-wrapper__footer-links a:hover {
  color: #eac485;
}
.donate-wrapper__footer-mexvision {
  margin-top: 1.5rem;
}
.donate-wrapper__footer-mexvision a {
  color: #eac485;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.donate-wrapper__footer-mexvision a:hover {
  color: #fff;
}

html {
  font-family: "Roboto";
  font-size: 18px;
  line-height: 1.4;
  color: #dde7ff;
}
@media (max-width: 1024px) {
  html {
    font-size: 16px;
  }
}

body {
  min-height: 100dvh;
  background-color: #1e2a44;
  background: radial-gradient(circle closest-side, #263555, #1e2a44);
  background-attachment: fixed;
}

.wrapper {
  width: 100%;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 0;
}
.wrapper__content {
  width: calc(100% - 80px);
  max-width: 1920px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.wrapper--fullscreen .wrapper__content {
  max-width: none;
}

.nav {
  width: 300px;
  height: auto;
  max-height: calc(100dvh - 80px);
  border-radius: 0.6rem;
  background-color: #283550;
  border: 1px solid #344261;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: start;
      align-self: start;
  position: sticky;
  top: 40px;
  overflow: hidden;
}
.nav__logo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #344261;
  background: radial-gradient(circle, #344261, #283550);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.nav__logo img {
  width: 100%;
  max-width: 8rem;
}
.nav__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style-type: none;
  font-size: 0.95rem;
  line-height: 1;
  padding: 0.65rem 0;
  overflow-y: auto;
}
.nav__title {
  font-size: 0.6rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  color: #7485a9;
  letter-spacing: 0.15rem;
  padding: 0.85rem 1.5rem;
}
li:has(.nav__title):not(:first-child) {
  margin-top: 0.65rem;
  padding-top: 0.65rem;
  border-top: 1px dashed #344261;
}
.nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 1.5rem;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.nav__link:hover {
  background-color: #243049;
}
.nav__link i {
  width: 0.95rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #eac485;
}
.nav__link.active {
  background-color: #243049;
}
.nav__link.active span {
  color: #eac485;
}

.main {
  width: calc(100% - 300px - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.header {
  width: 100%;
  border-bottom: 1px solid #344261;
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__links {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.header__links a {
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #344261;
  border-radius: 0.6rem;
  font-size: 0.8rem;
  line-height: 1;
  color: #dde7ff;
  padding: 0 0.7rem;
  gap: 0.3rem;
}
.header__user {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.header__user-icon {
  height: 2rem;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eac485;
  border-radius: 0.6rem;
  font-size: 0.9rem;
  line-height: 1;
  color: #eac485;
}
.header__user-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.header__user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.2rem;
}
.header__user-info-name {
  font-size: 0.8rem;
  line-height: 1;
  color: #fff;
  font-weight: 600;
}
.header__user-info-email {
  font-size: 0.8rem;
  line-height: 1;
  color: #7485a9;
}
.header__user-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.header__user-actions a {
  height: 2rem;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #344261;
  border-radius: 0.6rem;
  font-size: 0.9rem;
  line-height: 1;
  color: #dde7ff;
}

.title {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 200;
}
.title b {
  font-weight: 300;
}

.page {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.full-statistic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.full-statistic__item {
  width: calc((100% - 2rem) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: #2e3b57;
  border: 1px solid #3a4a6d;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border-radius: 0.6rem;
  padding: 1.5rem;
  gap: 0.5rem;
}
.full-statistic__item-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.full-statistic__item-value i {
  font-size: 1.3rem;
  line-height: 1;
  color: #eac485;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.full-statistic__item-value i:before {
  display: block;
}
.full-statistic__item-value span {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 400;
  color: #fff;
}
.full-statistic__item-title {
  font-size: 0.8rem;
  line-height: 1;
  color: #7485a9;
}

.daily-statistic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.daily-statistic__item {
  width: calc((100% - 2rem) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #283550;
  border: 1px solid #344261;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border-radius: 0.6rem;
}
.daily-statistic__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  white-space: nowrap;
  border-right: 1px dashed #344261;
  padding: 1.5rem;
}
.daily-statistic__item-title {
  font-size: 0.8rem;
  line-height: 1;
  color: #7485a9;
}
.daily-statistic__item-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.daily-statistic__item-value i {
  font-size: 1.1rem;
  line-height: 1;
  color: #eac485;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.daily-statistic__item-value i:before {
  display: block;
}
.daily-statistic__item-value span {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 400;
  color: #fff;
}
.daily-statistic__item-diff {
  font-size: 0.8rem;
  line-height: 1;
  margin-top: 0.5rem;
}
.daily-statistic__item-diff.up {
  color: #90ffac;
}
.daily-statistic__item-diff.down {
  color: #ff90b8;
}
.daily-statistic__item-chart {
  width: 0;
  padding: 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.monthly-statistic {
  width: 100%;
  background-color: #283550;
  border: 1px solid #344261;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border-radius: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.monthly-statistic__form {
  width: 100%;
  padding: 1.5rem;
  border-bottom: 1px dashed #344261;
}
.monthly-statistic__form .form {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.monthly-statistic__total {
  width: 100%;
  border-bottom: 1px dashed #344261;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.monthly-statistic__total-item {
  width: 25%;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
}
.monthly-statistic__total-item:not(:last-child) {
  border-right: 1px dashed #344261;
}
.monthly-statistic__total-item-name {
  font-weight: 700;
  color: #eac485;
}
.monthly-statistic__chart {
  padding: 1.5rem;
}
.monthly-statistic__chart .monthly-chart {
  margin: -1rem;
}

.auth2fa {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.auth2fa__title {
  font-size: 0.9rem;
}
.auth2fa__title span {
  color: #eac485;
}
.auth2fa__qr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  border: 1px solid #eac485;
  border-radius: 0.3rem;
}
.auth2fa__code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
  text-align: center;
}
.auth2fa__code-title {
  font-size: 0.8rem;
}
.auth2fa__code-content {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 300;
  color: #eac485;
}

.server-balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.server-balance__item {
  width: calc((100% - 3rem) / 4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  min-width: 17rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.server-balance__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
}
.server-balance__header:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.server-balance__header-server {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.server-balance__header-server i {
  font-size: 1rem;
  line-height: 1;
  color: #eac485;
}
.server-balance__header-server-name {
  font-size: 1rem;
  line-height: 1;
}
.server-balance__header-server-name span {
  color: #7082a7;
  margin-left: 0.5rem;
}
.server-balance__body {
  padding: 1.5rem;
}
.server-balance__body:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.server-balance__footer {
  padding: 1.5rem;
}
.server-balance__footer:not(:last-child) {
  border-bottom: 1px solid #354361;
}
.server-balance__footer-buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.server-balance__footer-buttons .btn {
  width: calc((100% - 0.5rem) / 2);
}
.server-balance__balance {
  font-size: 0.9rem;
}
.server-balance__balance span {
  color: #eac485;
}/*# sourceMappingURL=style.css.map */