/*
 * NOYTRIX TELEGRAM ALERTS V18
 */


#screen-tracking
[data-notify-channel="telegram"]
[data-nx-telegram-connected="1"] {
  opacity: 1;
}


#screen-tracking
[data-notify-channel="telegram"][data-nx-telegram-connected="1"] {

  border-color:
    rgba(
      255,
      183,
      32,
      .55
    )
    !important;

  color:
    #ffffff
    !important;

  background:
    rgba(
      255,
      183,
      32,
      .07
    )
    !important;
}


.nx-telegram-modal-v18 {

  position:
    fixed;

  inset:
    0;

  z-index:
    999999;

  display:
    grid;

  place-items:
    center;

  padding:
    20px;
}


.nx-telegram-backdrop-v18 {

  position:
    absolute;

  inset:
    0;

  background:
    rgba(
      1,
      7,
      16,
      .75
    );

  backdrop-filter:
    blur(7px);
}


.nx-telegram-card-v18 {

  position:
    relative;

  z-index:
    1;

  width:
    min(
      460px,
      100%
    );

  padding:
    30px;

  border:
    1px solid
    #1b3a61;

  border-radius:
    18px;

  color:
    #f7f9ff;

  background:
    linear-gradient(
      180deg,
      #0a1d34,
      #061326
    );

  box-shadow:
    0 28px 90px
    rgba(
      0,
      0,
      0,
      .42
    );

  box-sizing:
    border-box;
}


.nx-telegram-close-v18 {

  position:
    absolute;

  top:
    13px;

  right:
    15px;

  width:
    34px;

  height:
    34px;

  border:
    0;

  color:
    #8296b5;

  background:
    transparent;

  font-size:
    26px;

  cursor:
    pointer;
}


.nx-telegram-icon-v18 {

  width:
    52px;

  height:
    52px;

  display:
    grid;

  place-items:
    center;

  margin-bottom:
    17px;

  border:
    1px solid
    rgba(
      255,
      183,
      32,
      .45
    );

  border-radius:
    14px;

  color:
    #ffb720;

  background:
    rgba(
      255,
      183,
      32,
      .07
    );

  font-size:
    23px;
}


.nx-telegram-kicker-v18 {

  color:
    #ffb720;

  font-size:
    11px;

  font-weight:
    800;

  letter-spacing:
    .09em;
}


.nx-telegram-card-v18
h3 {

  margin:
    7px
    0
    8px;

  font-size:
    25px;

  line-height:
    1.15;
}


.nx-telegram-text-v18 {

  margin:
    0
    0
    22px;

  color:
    #9eb1ce;

  font-size:
    14px;

  line-height:
    1.5;
}


.nx-telegram-primary-v18,
.nx-telegram-danger-v18 {

  width:
    100%;

  min-height:
    44px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  margin-top:
    12px;

  padding:
    0
    16px;

  border-radius:
    10px;

  box-sizing:
    border-box;

  font:
    inherit;

  font-size:
    13px;

  font-weight:
    750;

  text-decoration:
    none;

  cursor:
    pointer;
}


.nx-telegram-primary-v18 {

  border:
    1px solid
    #ffb720;

  color:
    #071221;

  background:
    linear-gradient(
      135deg,
      #ffd05a,
      #ffb720
    );
}


.nx-telegram-danger-v18 {

  border:
    1px solid
    rgba(
      255,
      78,
      98,
      .4
    );

  color:
    #ff7a89;

  background:
    rgba(
      255,
      78,
      98,
      .05
    );
}


.nx-telegram-connected-v18 {

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  padding:
    14px;

  border:
    1px solid
    rgba(
      52,
      211,
      153,
      .28
    );

  border-radius:
    10px;

  color:
    #dffdf2;

  background:
    rgba(
      52,
      211,
      153,
      .05
    );
}


.nx-telegram-connected-v18
span {

  color:
    #34d399;

  font-weight:
    900;
}


.nx-telegram-connected-v18
strong {

  min-width:
    0;

  overflow:
    hidden;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.nx-telegram-wait-v18 {

  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  padding:
    14px;

  border:
    1px solid
    #24486f;

  border-radius:
    10px;

  color:
    #d9e5f7;

  background:
    #07172b;
}


.nx-telegram-spinner-v18 {

  width:
    18px;

  height:
    18px;

  flex:
    0 0
    18px;

  border:
    2px solid
    rgba(
      255,
      183,
      32,
      .20
    );

  border-top-color:
    #ffb720;

  border-radius:
    999px;

  animation:
    nxTelegramSpinV18
    .8s
    linear
    infinite;
}


@keyframes nxTelegramSpinV18 {

  to {
    transform:
      rotate(360deg);
  }
}


.nx-telegram-message-v18 {

  min-height:
    18px;

  margin-top:
    15px;

  color:
    #7f95b5;

  font-size:
    12px;

  line-height:
    1.45;
}


.nx-telegram-message-v18.success {

  color:
    #34d399;
}


.nx-telegram-message-v18.error {

  color:
    #ff7282;
}


.nx-telegram-message-v18.working {

  color:
    #ffbf32;
}