:root {
  color-scheme: dark;

  --gw-bg: #090c18;
  --gw-panel: rgba(16, 20, 35, .88);
  --gw-panel-2: rgba(19, 23, 40, .94);
  --gw-border: rgba(255, 255, 255, .075);

  --gw-text: #f5f6fb;
  --gw-muted: #8d94aa;

  --gw-purple: #8c5cff;
  --gw-purple-2: #6845e8;
  --gw-green: #57dfa0;
  --gw-orange: #e8aa55;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  min-height: 100vh;

  background:
    radial-gradient(
      circle at 13% 5%,
      rgba(121, 73, 255, .11),
      transparent 29%
    ),
    radial-gradient(
      circle at 90% 12%,
      rgba(50, 139, 255, .055),
      transparent 25%
    ),
    var(--gw-bg);

  color: var(--gw-text);

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

button,
input {
  font: inherit;
}

button {
  -webkit-tap-highlight-color: transparent;
}

.gw-topbar {
  border-bottom:
    1px solid rgba(255, 255, 255, .065);

  background:
    rgba(8, 11, 23, .77);

  backdrop-filter:
    blur(18px);
}

.gw-topbar-inner {
  width:
    min(1180px, calc(100% - 34px));

  min-height: 68px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.gw-brand {
  display: flex;
  align-items: center;
  gap: 9px;

  color: #fff;
  text-decoration: none;
}

.gw-brand-mark {
  width: 32px;
  height: 32px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(133, 94, 255, .34);

  border-radius: 10px;

  background:
    linear-gradient(
      145deg,
      rgba(132, 82, 255, .28),
      rgba(74, 48, 177, .12)
    );

  color: #fff;
  font-size: 14px;
}

.gw-brand strong {
  font-size: 19px;
  letter-spacing: -.04em;
}

.gw-nav {
  display: flex;
  align-items: center;
  gap: 7px;
}

.gw-nav a {
  padding: 8px 10px;

  color: #969db0;
  text-decoration: none;

  border-radius: 9px;

  font-size: 12px;

  transition: .16s ease;
}

.gw-nav a:hover {
  color: #fff;

  background:
    rgba(255, 255, 255, .045);
}

.gw-dev-badge {
  margin-left: 5px;

  padding: 7px 9px;

  display: inline-flex;
  align-items: center;
  gap: 6px;

  border:
    1px solid rgba(232, 170, 85, .15);

  border-radius: 999px;

  background:
    rgba(232, 170, 85, .055);

  color: #d6a55f;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.gw-dev-badge i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background:
    var(--gw-orange);

  box-shadow:
    0 0 10px rgba(232, 170, 85, .4);
}

.gw-shell {
  width:
    min(1180px, calc(100% - 34px));

  margin: 0 auto;
  padding: 55px 0 90px;
}

.gw-hero {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    285px;

  align-items: end;
  gap: 34px;
}

.gw-kicker {
  margin-bottom: 17px;

  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.gw-kicker span {
  padding: 5px 8px;

  border:
    1px solid rgba(140, 92, 255, .18);

  border-radius: 999px;

  background:
    rgba(140, 92, 255, .055);

  color: #a88aff;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.gw-hero h1 {
  max-width: 740px;

  margin: 0;

  font-size:
    clamp(42px, 6vw, 70px);

  line-height: .97;
  letter-spacing: -.055em;
}

.gw-hero h1 em {
  display: block;

  color: #9b76ff;

  font-style: normal;
}

.gw-hero-copy > p {
  max-width: 700px;

  margin: 21px 0 0;

  color: #9aa1b5;

  font-size: 16px;
  line-height: 1.65;
}

.gw-create-btn {
  min-height: 82px;

  padding: 15px 16px;

  display: grid;
  grid-template-columns:
    38px
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 12px;

  border:
    1px solid rgba(140, 92, 255, .24);

  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      rgba(134, 80, 255, .17),
      rgba(79, 54, 186, .07)
    );

  color: #fff;

  cursor: pointer;

  text-align: left;

  box-shadow:
    0 18px 45px rgba(53, 35, 120, .12);

  transition:
    transform .16s ease,
    border-color .16s ease;
}

.gw-create-btn:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(140, 92, 255, .44);
}

.gw-create-plus {
  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      #9564ff,
      #6644de
    );

  font-size: 22px;
  line-height: 1;
}

.gw-create-btn > span:nth-child(2) {
  display: grid;
  gap: 3px;
}

.gw-create-btn small {
  color: #8e82b3;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.gw-create-btn strong {
  font-size: 13px;
}

.gw-create-btn b {
  color: #ab91f7;
}

.gw-stats {
  margin-top: 38px;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 10px;
}

.gw-stats article {
  padding: 15px 17px;

  display: grid;

  border:
    1px solid var(--gw-border);

  border-radius: 14px;

  background:
    rgba(255, 255, 255, .022);
}

.gw-stats span {
  color: #747c91;

  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.gw-stats strong {
  margin-top: 8px;

  color: #fff;

  font-size: 25px;
  line-height: 1;
}

.gw-stats small {
  margin-top: 6px;

  color: #686f83;

  font-size: 10px;
}

.gw-panel {
  margin-top: 16px;
  padding: 22px;

  border:
    1px solid var(--gw-border);

  border-radius: 20px;

  background:
    radial-gradient(
      circle at 5% 0%,
      rgba(128, 77, 255, .07),
      transparent 28%
    ),
    rgba(13, 16, 28, .7);

  box-shadow:
    0 25px 80px rgba(0, 0, 0, .18);
}

.gw-panel-head {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 20px;
}

.gw-panel-head small {
  color: #9373e8;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gw-panel-head h2 {
  margin: 5px 0 0;

  font-size: 23px;
  letter-spacing: -.035em;
}

.gw-panel-head p {
  max-width: 650px;

  margin: 6px 0 0;

  color: #777f93;

  font-size: 11px;
  line-height: 1.5;
}

.gw-small-create,
.gw-empty button {
  min-height: 35px;

  padding: 0 12px;

  border:
    1px solid rgba(140, 92, 255, .23);

  border-radius: 9px;

  background:
    rgba(140, 92, 255, .09);

  color: #c2aeff;

  font-size: 10px;
  font-weight: 800;

  cursor: pointer;

  transition: .16s ease;
}

.gw-small-create:hover,
.gw-empty button:hover {
  background:
    rgba(140, 92, 255, .15);
}

.gw-message {
  margin-top: 15px;

  padding: 11px 13px;

  border:
    1px solid rgba(255, 92, 110, .15);

  border-radius: 10px;

  background:
    rgba(255, 74, 99, .045);

  color: #ffabb5;

  font-size: 11px;
}

.gw-loading {
  min-height: 170px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  color: #777f92;

  font-size: 11px;
}

.gw-loading span {
  width: 16px;
  height: 16px;

  border:
    2px solid rgba(255, 255, 255, .08);

  border-top-color:
    #9568ff;

  border-radius: 50%;

  animation:
    gw-spin .75s linear infinite;
}

@keyframes gw-spin {
  to {
    transform: rotate(360deg);
  }
}

.gw-empty {
  min-height: 250px;

  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;

  text-align: center;
}

.gw-empty-icon {
  width: 50px;
  height: 50px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(140, 92, 255, .18);

  border-radius: 15px;

  background:
    rgba(140, 92, 255, .055);

  font-size: 22px;
}

.gw-empty strong {
  margin-top: 14px;

  font-size: 15px;
}

.gw-empty p {
  max-width: 330px;

  margin: 7px 0 14px;

  color: #777f92;

  font-size: 11px;
  line-height: 1.55;
}

.gw-list {
  margin-top: 18px;

  display: grid;
  gap: 9px;
}

.gw-item {
  position: relative;

  min-width: 0;

  padding: 16px;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 22px;

  border:
    1px solid rgba(255, 255, 255, .065);

  border-radius: 14px;

  background:
    rgba(255, 255, 255, .018);

  transition:
    border-color .16s ease,
    background .16s ease;
}

.gw-item:hover {
  border-color:
    rgba(140, 92, 255, .15);

  background:
    rgba(255, 255, 255, .025);
}

.gw-item-main {
  min-width: 0;
}

.gw-item-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 8px;
}

.gw-item-id {
  color: #646b7f;

  font-size: 9px;
  font-weight: 800;
}

.gw-status {
  padding: 5px 7px;

  display: inline-flex;
  align-items: center;

  gap: 5px;

  border-radius: 999px;

  font-size: 8px;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.gw-status::before {
  content: "";

  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: currentColor;
}

.gw-status-draft {
  border:
    1px solid rgba(232, 170, 85, .14);

  background:
    rgba(232, 170, 85, .055);

  color: #d5a257;
}

.gw-status-active {
  border:
    1px solid rgba(87, 223, 160, .16);

  background:
    rgba(87, 223, 160, .055);

  color: #63dca0;
}

.gw-status-finished {
  border:
    1px solid rgba(139, 146, 166, .14);

  background:
    rgba(139, 146, 166, .045);

  color: #9097aa;
}

.gw-item h3 {
  margin: 9px 0 0;

  color: #edf0f7;

  font-size: 16px;
  letter-spacing: -.02em;
}

.gw-prize {
  margin: 5px 0 0;

  color: #9aa1b3;

  font-size: 11px;
}

.gw-prize b {
  color: #bca7f7;
  font-weight: 700;
}

.gw-meta {
  margin-top: 12px;

  display: flex;
  flex-wrap: wrap;

  gap: 6px;
}

.gw-meta span {
  padding: 5px 7px;

  border:
    1px solid rgba(255, 255, 255, .055);

  border-radius: 7px;

  background:
    rgba(255, 255, 255, .022);

  color: #7f879a;

  font-size: 9px;
}

.gw-item-side {
  min-width: 180px;

  display: flex;
  flex-direction: column;

  align-items: flex-end;
  justify-content: space-between;

  gap: 12px;
}

.gw-item-date {
  display: grid;

  text-align: right;
}

.gw-item-date small {
  color: #646c80;

  font-size: 8px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.gw-item-date strong {
  margin-top: 3px;

  color: #aeb4c3;

  font-size: 11px;
  font-weight: 700;
}

.gw-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;

  gap: 6px;
}

.gw-action {
  min-height: 31px;

  padding: 0 10px;

  border:
    1px solid rgba(255, 255, 255, .075);

  border-radius: 8px;

  background:
    rgba(255, 255, 255, .035);

  color: #aeb4c3;

  font-size: 9px;
  font-weight: 750;

  cursor: pointer;

  transition: .15s ease;
}

.gw-action:hover {
  color: #fff;

  background:
    rgba(255, 255, 255, .065);
}

.gw-action.primary {
  border-color:
    rgba(140, 92, 255, .25);

  background:
    rgba(140, 92, 255, .11);

  color: #c6b3ff;
}

.gw-action.success {
  border-color:
    rgba(87, 223, 160, .18);

  background:
    rgba(87, 223, 160, .065);

  color: #77daa8;
}

.gw-action.danger {
  color: #d88a95;
}

.gw-action:disabled {
  opacity: .45;
  cursor: wait;
}

.gw-dialog {
  width:
    min(570px, calc(100% - 24px));

  padding: 0;

  border:
    1px solid rgba(255, 255, 255, .085);

  border-radius: 19px;

  background:
    #111522;

  color: #fff;

  box-shadow:
    0 35px 100px rgba(0, 0, 0, .62);
}

.gw-dialog::backdrop {
  background:
    rgba(2, 4, 10, .74);

  backdrop-filter:
    blur(5px);
}

.gw-dialog-card {
  padding: 22px;
}

.gw-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 20px;
}

.gw-dialog-head small {
  color: #9678e8;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gw-dialog-head h2 {
  margin: 5px 0 0;

  font-size: 22px;
  letter-spacing: -.035em;
}

.gw-dialog-close {
  width: 32px;
  height: 32px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(255, 255, 255, .07);

  border-radius: 9px;

  background:
    rgba(255, 255, 255, .025);

  color: #9198aa;

  font-size: 19px;

  cursor: pointer;
}

.gw-form {
  margin-top: 22px;

  display: grid;
  gap: 15px;
}

.gw-form label {
  display: grid;
  gap: 7px;
}

.gw-form label > span {
  color: #adb3c2;

  font-size: 11px;
  font-weight: 700;
}

.gw-form label > small {
  color: #646c80;

  font-size: 9px;
}

.gw-form input {
  width: 100%;

  padding: 11px 12px;

  outline: none;

  border:
    1px solid rgba(255, 255, 255, .08);

  border-radius: 10px;

  background:
    rgba(4, 6, 13, .48);

  color: #f3f4f8;

  font-size: 12px;

  transition:
    border-color .15s ease,
    box-shadow .15s ease;
}

.gw-form input:focus {
  border-color:
    rgba(140, 92, 255, .5);

  box-shadow:
    0 0 0 3px rgba(140, 92, 255, .07);
}

.gw-form-row {
  display: grid;

  grid-template-columns:
    130px
    minmax(0, 1fr);

  gap: 12px;
}

.gw-form-note {
  margin-top: 16px;
  padding: 11px 12px;

  border:
    1px solid rgba(140, 92, 255, .11);

  border-radius: 10px;

  background:
    rgba(140, 92, 255, .035);

  color: #7e8497;

  font-size: 10px;
  line-height: 1.55;
}

.gw-form-note strong {
  color: #b49bf4;
}

.gw-form-error {
  margin-top: 12px;

  color: #ff9ba7;

  font-size: 10px;
}

.gw-dialog-actions {
  margin-top: 20px;

  display: flex;
  justify-content: flex-end;

  gap: 8px;
}

.gw-cancel-btn,
.gw-submit-btn {
  min-height: 38px;

  padding: 0 13px;

  border-radius: 9px;

  font-size: 10px;
  font-weight: 800;

  cursor: pointer;
}

.gw-cancel-btn {
  border:
    1px solid rgba(255, 255, 255, .075);

  background:
    rgba(255, 255, 255, .03);

  color: #9aa1b2;
}

.gw-submit-btn {
  min-width: 155px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  border: 0;

  background:
    linear-gradient(
      135deg,
      #9563ff,
      #6848e1
    );

  color: #fff;

  box-shadow:
    0 10px 30px rgba(98, 65, 212, .22);
}

.gw-submit-btn:disabled {
  opacity: .58;
  cursor: wait;
}

.gw-toast {
  position: fixed;

  right: 18px;
  bottom: 18px;

  z-index: 9999;

  max-width:
    min(360px, calc(100vw - 30px));

  padding: 11px 13px;

  border:
    1px solid rgba(255, 255, 255, .09);

  border-radius: 10px;

  background:
    rgba(12, 15, 25, .97);

  color: #d8dce6;

  box-shadow:
    0 18px 50px rgba(0, 0, 0, .4);

  font-size: 10px;
  line-height: 1.45;

  opacity: 0;

  transform:
    translateY(12px);

  pointer-events: none;

  transition:
    opacity .17s ease,
    transform .17s ease;
}

.gw-toast.show {
  opacity: 1;

  transform:
    translateY(0);
}

.gw-toast.success {
  border-color:
    rgba(87, 223, 160, .24);
}

.gw-toast.error {
  border-color:
    rgba(255, 90, 110, .27);

  color: #ffb2bc;
}

@media (max-width: 820px) {
  .gw-hero {
    grid-template-columns: 1fr;
  }

  .gw-create-btn {
    max-width: 420px;
  }

  .gw-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .gw-topbar-inner {
    width:
      min(100% - 22px, 1180px);
  }

  .gw-nav a {
    display: none;
  }

  .gw-shell {
    width:
      min(100% - 22px, 1180px);

    padding-top: 34px;
  }

  .gw-hero h1 {
    font-size: 43px;
  }

  .gw-stats {
    grid-template-columns: 1fr 1fr;
  }

  .gw-panel {
    padding: 15px;
  }

  .gw-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .gw-small-create {
    width: 100%;
  }

  .gw-item {
    grid-template-columns: 1fr;
  }

  .gw-item-side {
    width: 100%;
    min-width: 0;

    align-items: flex-start;
  }

  .gw-item-date {
    text-align: left;
  }

  .gw-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .gw-form-row {
    grid-template-columns: 1fr;
  }

  .gw-dialog-actions {
    flex-direction: column-reverse;
  }

  .gw-cancel-btn,
  .gw-submit-btn {
    width: 100%;
  }
}

/* TGSTOCK GIVEAWAY PARTICIPANTS V3 START */

.gw-participants-dialog {
  width:
    min(660px, calc(100% - 24px));
}

.gw-participants-loading,
.gw-participants-empty {
  margin-top: 20px;
  min-height: 140px;

  display: flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius: 12px;

  background:
    rgba(255,255,255,.018);

  color: #747c90;

  font-size: 11px;
}

.gw-participants-list {
  margin-top: 18px;

  display: grid;
  gap: 7px;

  max-height: 500px;
  overflow-y: auto;
}

.gw-participant {
  padding: 11px 12px;

  display: grid;

  grid-template-columns:
    30px
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 10px;

  border:
    1px solid rgba(255,255,255,.06);

  border-radius: 10px;

  background:
    rgba(255,255,255,.022);
}

.gw-participant-number {
  width: 30px;
  height: 30px;

  display: grid;
  place-items: center;

  border-radius: 8px;

  background:
    rgba(140,92,255,.08);

  color: #9f83ed;

  font-size: 9px;
  font-weight: 900;
}

.gw-participant-main {
  min-width: 0;

  display: grid;
  gap: 3px;
}

.gw-participant-main strong {
  overflow: hidden;

  color: #d9dde8;

  font-size: 11px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-participant-main span {
  overflow: hidden;

  color: #777f93;

  font-size: 9px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-participant time {
  color: #686f82;

  font-size: 9px;

  white-space: nowrap;
}

@media (max-width: 560px) {
  .gw-participant {
    grid-template-columns:
      30px
      minmax(0, 1fr);
  }

  .gw-participant time {
    grid-column: 2;

    white-space: normal;
  }
}

/* TGSTOCK GIVEAWAY PARTICIPANTS V3 END */

/* TGSTOCK GIVEAWAY HIDDEN FIX V3.1 START */

.gw-message[hidden],
.gw-loading[hidden],
.gw-empty[hidden],
.gw-participants-loading[hidden],
.gw-participants-empty[hidden] {
  display: none !important;
}

/* TGSTOCK GIVEAWAY HIDDEN FIX V3.1 END */

/* TGSTOCK GIVEAWAY SAVED GROUPS V4 START */

.gw-groups-panel {
  margin-top: 16px;
  padding: 20px 22px;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius: 18px;

  background:
    linear-gradient(
      145deg,
      rgba(130,82,255,.045),
      rgba(255,255,255,.012)
    ),
    rgba(13,16,28,.68);
}

.gw-groups-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.gw-groups-head small {
  color: #9373e8;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gw-groups-head h2 {
  margin: 5px 0 0;

  color: #eef0f6;

  font-size: 20px;
  letter-spacing: -.03em;
}

.gw-groups-head p {
  margin: 6px 0 0;

  color: #777f93;

  font-size: 11px;
  line-height: 1.5;
}

.gw-groups-list {
  margin-top: 15px;

  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 8px;
}

.gw-group-card {
  min-width: 0;
  padding: 12px 13px;

  display: flex;
  align-items: center;
  gap: 10px;

  border:
    1px solid rgba(255,255,255,.06);

  border-radius: 11px;

  background:
    rgba(255,255,255,.022);
}

.gw-group-icon {
  width: 34px;
  height: 34px;

  flex: 0 0 34px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(87,223,160,.14);

  border-radius: 10px;

  background:
    rgba(87,223,160,.05);

  color: #68d9a1;

  font-size: 13px;
}

.gw-group-main {
  min-width: 0;

  display: grid;
  gap: 3px;
}

.gw-group-main strong {
  overflow: hidden;

  color: #dce0e9;

  font-size: 11px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-group-main span {
  color: #69c99b;

  font-size: 9px;
}

.gw-groups-empty {
  margin-top: 15px;
  padding: 18px;

  border:
    1px dashed rgba(255,255,255,.07);

  border-radius: 11px;

  color: #70788c;

  font-size: 11px;
  text-align: center;
}

.gw-groups-empty[hidden] {
  display: none !important;
}

.gw-form select {
  width: 100%;

  padding: 11px 12px;

  border:
    1px solid rgba(255,255,255,.08);

  border-radius: 10px;

  outline: none;

  background: #0b0e18;
  color: #f3f4f8;

  font-size: 12px;
}

.gw-form select:focus {
  border-color:
    rgba(140,92,255,.5);

  box-shadow:
    0 0 0 3px
    rgba(140,92,255,.07);
}

@media (max-width: 900px) {
  .gw-groups-list {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .gw-groups-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .gw-groups-head button {
    width: 100%;
  }

  .gw-groups-list {
    grid-template-columns: 1fr;
  }
}

/* TGSTOCK GIVEAWAY SAVED GROUPS V4 END */

/* TGSTOCK GIVEAWAY WINNERS V5 START */

.gw-winners-dialog {
  width:
    min(650px, calc(100% - 24px));
}

.gw-winners-loading,
.gw-winners-empty {
  margin-top: 20px;
  min-height: 130px;

  display: flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius: 12px;

  background:
    rgba(255,255,255,.018);

  color: #747c90;

  font-size: 11px;
}

.gw-winners-loading[hidden],
.gw-winners-empty[hidden],
.gw-winners-publish[hidden] {
  display: none !important;
}

.gw-winners-list {
  margin-top: 18px;

  display: grid;
  gap: 8px;
}

.gw-winner {
  padding: 13px;

  display: grid;

  grid-template-columns:
    38px
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 11px;

  border:
    1px solid rgba(255,198,78,.11);

  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      rgba(255,190,66,.045),
      rgba(255,255,255,.016)
    );
}

.gw-winner-place {
  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(255,193,75,.16);

  border-radius: 11px;

  background:
    rgba(255,190,66,.07);

  color: #e7b457;

  font-size: 13px;
  font-weight: 900;
}

.gw-winner-main {
  min-width: 0;

  display: grid;
  gap: 3px;
}

.gw-winner-main strong {
  overflow: hidden;

  color: #ece7dc;

  font-size: 12px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-winner-main span {
  color: #837d70;

  font-size: 9px;
}

.gw-winner-badge {
  padding: 5px 8px;

  border:
    1px solid rgba(87,223,160,.13);

  border-radius: 999px;

  background:
    rgba(87,223,160,.045);

  color: #70cea0;

  font-size: 8px;
  font-weight: 850;

  text-transform: uppercase;
}

.gw-winners-publish {
  width: 100%;
  min-height: 38px;

  margin-top: 14px;

  border:
    1px solid rgba(140,92,255,.23);

  border-radius: 9px;

  background:
    rgba(140,92,255,.09);

  color: #c5b2ff;

  font-size: 10px;
  font-weight: 800;

  cursor: pointer;
}

.gw-winners-publish:hover {
  background:
    rgba(140,92,255,.15);
}

@media (max-width: 560px) {
  .gw-winner {
    grid-template-columns:
      38px
      minmax(0, 1fr);
  }

  .gw-winner-badge {
    grid-column: 2;

    width: fit-content;
  }
}

/* TGSTOCK GIVEAWAY WINNERS V5 END */

/* TGSTOCK GIVEAWAY SETTINGS V7 START */

.gw-settings-dialog {
  width:
    min(760px, calc(100% - 24px));
}

.gw-settings-form {
  margin-top: 18px;

  display: grid;
  gap: 16px;
}

.gw-settings-field {
  display: grid;
  gap: 7px;
}

.gw-settings-field label,
.gw-condition-head strong {
  color: #dfe3ec;

  font-size: 11px;
  font-weight: 800;
}

.gw-settings-field small,
.gw-condition-head small {
  color: #747c8f;

  font-size: 9px;
  line-height: 1.55;
}

.gw-settings-field textarea {
  width: 100%;
  min-height: 150px;

  padding: 12px 13px;

  resize: vertical;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius: 11px;

  outline: none;

  background:
    rgba(5,8,15,.72);

  color: #e6e9f0;

  font-family: inherit;
  font-size: 11px;
  line-height: 1.55;
}

.gw-settings-field textarea:focus {
  border-color:
    rgba(140,92,255,.46);

  box-shadow:
    0 0 0 3px
    rgba(140,92,255,.055);
}

.gw-condition-section {
  padding: 14px;

  border:
    1px solid rgba(255,255,255,.06);

  border-radius: 12px;

  background:
    rgba(255,255,255,.016);
}

.gw-condition-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.gw-condition-head > div {
  display: grid;
  gap: 4px;
}

.gw-condition-add {
  min-height: 33px;
  padding: 0 11px;

  flex: 0 0 auto;

  border:
    1px solid rgba(140,92,255,.2);

  border-radius: 8px;

  background:
    rgba(140,92,255,.07);

  color: #b8a3f5;

  font-size: 9px;
  font-weight: 800;

  cursor: pointer;
}

.gw-condition-add:hover {
  background:
    rgba(140,92,255,.13);
}

.gw-condition-links {
  margin-top: 11px;

  display: grid;
  gap: 7px;
}

.gw-condition-row {
  display: grid;

  grid-template-columns:
    minmax(130px, .75fr)
    minmax(180px, 1.55fr)
    34px;

  gap: 7px;
}

.gw-condition-row input {
  min-width: 0;
  height: 36px;

  padding: 0 10px;

  border:
    1px solid rgba(255,255,255,.065);

  border-radius: 8px;

  outline: none;

  background:
    rgba(5,8,15,.68);

  color: #dfe3eb;

  font-size: 10px;
}

.gw-condition-row input:focus {
  border-color:
    rgba(140,92,255,.42);
}

.gw-condition-remove {
  width: 34px;
  height: 36px;

  border:
    1px solid rgba(255,91,107,.12);

  border-radius: 8px;

  background:
    rgba(255,91,107,.045);

  color: #d66b77;

  cursor: pointer;
}

.gw-condition-remove:hover {
  background:
    rgba(255,91,107,.09);
}

.gw-settings-form
.gw-form-error[hidden] {
  display: none !important;
}

@media (max-width: 620px) {
  .gw-condition-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .gw-condition-add {
    width: 100%;
  }

  .gw-condition-row {
    grid-template-columns:
      1fr 34px;
  }

  .gw-condition-row
  input:nth-child(2) {
    grid-column:
      1 / -1;

    grid-row: 2;
  }

  .gw-condition-remove {
    grid-column: 2;
    grid-row: 1;
  }
}

/* TGSTOCK GIVEAWAY SETTINGS V7 END */

/* TGSTOCK GIVEAWAY TELEGRAM PREVIEW V8 START */

.gw-settings-dialog {
  width:
    min(1120px, calc(100% - 24px));
}

.gw-settings-dialog
.gw-dialog-card {
  display: grid;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(340px, .92fr);

  gap: 18px;
}

.gw-settings-dialog
.gw-dialog-head {
  grid-column:
    1 / -1;
}

.gw-settings-dialog
.gw-settings-form {
  grid-column: 1;

  margin-top: 0;
}

.gw-settings-preview {
  grid-column: 2;

  min-width: 0;

  align-self: start;

  position: sticky;
  top: 0;

  padding: 15px;

  border:
    1px solid rgba(255,255,255,.065);

  border-radius: 14px;

  background:
    rgba(255,255,255,.014);
}

.gw-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-bottom: 12px;
}

.gw-preview-head > div:first-child {
  display: grid;
  gap: 3px;
}

.gw-preview-head small {
  color: #8870c9;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .08em;
  text-transform: uppercase;
}

.gw-preview-head strong {
  color: #dfe3ec;

  font-size: 11px;
}

.gw-preview-tabs {
  display: flex;

  padding: 3px;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius: 9px;

  background:
    rgba(4,6,12,.58);
}

.gw-preview-tab {
  min-height: 27px;

  padding:
    0 9px;

  border: 0;

  border-radius: 6px;

  background:
    transparent;

  color: #727b8d;

  font-size: 8px;
  font-weight: 800;

  cursor: pointer;

  transition:
    background .15s ease,
    color .15s ease;
}

.gw-preview-tab:hover {
  color: #aab1c0;
}

.gw-preview-tab.active {
  background:
    rgba(140,92,255,.12);

  color: #bea9f5;
}


/* Telegram window */

.gw-tg-preview {
  overflow: hidden;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius: 13px;

  background:
    #111723;
}

.gw-tg-preview-top {
  min-height: 50px;

  padding:
    8px 11px;

  display: flex;
  align-items: center;

  gap: 9px;

  border-bottom:
    1px solid rgba(255,255,255,.045);

  background:
    rgba(15,20,31,.96);
}

.gw-tg-preview-avatar {
  width: 33px;
  height: 33px;

  flex:
    0 0 33px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      rgba(140,92,255,.88),
      rgba(81,120,232,.84)
    );

  color: #fff;

  font-size: 9px;
  font-weight: 900;

  box-shadow:
    0 5px 18px
    rgba(68,71,190,.18);
}

.gw-tg-preview-chat {
  min-width: 0;

  display: grid;
  gap: 1px;
}

.gw-tg-preview-chat strong {
  overflow: hidden;

  color: #e8ebf1;

  font-size: 10px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-tg-preview-chat span {
  color: #6f7889;

  font-size: 8px;
}

.gw-tg-preview-body {
  min-height: 370px;

  padding:
    18px 12px;

  display: flex;
  align-items: flex-start;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(87,100,128,.08),
      transparent 30%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(84,60,120,.07),
      transparent 35%
    ),
    #0d131d;
}

.gw-tg-preview-message {
  width:
    min(330px, 92%);

  padding:
    9px 10px 7px;

  border-radius:
    5px 13px 13px 13px;

  background:
    #182230;

  box-shadow:
    0 8px 24px
    rgba(0,0,0,.17);
}

.gw-tg-preview-author {
  margin-bottom: 5px;

  color: #9d8ee7;

  font-size: 9px;
  font-weight: 850;
}

.gw-tg-preview-text {
  overflow-wrap: anywhere;

  color: #e4e8ef;

  font-size: 10px;
  line-height: 1.48;
}

.gw-tg-preview-text
.gw-preview-variable {
  color: inherit;
}

.gw-tg-preview-placeholder {
  color: #687181;
  font-style: italic;
}

.gw-tg-preview-buttons {
  margin-top: 8px;

  display: grid;
  gap: 4px;
}

.gw-tg-preview-button {
  min-height: 31px;

  padding:
    0 9px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border-radius: 7px;

  background:
    rgba(72,123,176,.28);

  color: #a9d5ff;

  font-size: 9px;
  font-weight: 750;

  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-tg-preview-button.join {
  background:
    rgba(72,139,188,.36);

  color: #b9e2ff;
}

.gw-tg-preview-time {
  margin-top: 4px;

  color: #657080;

  font-size: 7px;

  text-align: right;
}

.gw-preview-note {
  margin-top: 10px;

  padding:
    9px 10px;

  display: flex;
  align-items: flex-start;

  gap: 7px;

  border:
    1px solid rgba(140,92,255,.065);

  border-radius: 9px;

  background:
    rgba(140,92,255,.025);
}

.gw-preview-note span {
  flex: 0 0 auto;

  font-size: 10px;
}

.gw-preview-note p {
  margin: 0;

  color: #6f7788;

  font-size: 8px;
  line-height: 1.5;
}


/* Large tablet */

@media (
  max-width: 940px
) {
  .gw-settings-dialog
  .gw-dialog-card {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(300px, .78fr);
  }

  .gw-tg-preview-body {
    min-height: 330px;
  }
}


/* Mobile */

@media (
  max-width: 760px
) {
  .gw-settings-dialog {
    width:
      min(680px, calc(100% - 16px));
  }

  .gw-settings-dialog
  .gw-dialog-card {
    grid-template-columns: 1fr;
  }

  .gw-settings-dialog
  .gw-dialog-head,
  .gw-settings-dialog
  .gw-settings-form,
  .gw-settings-preview {
    grid-column: 1;
  }

  .gw-settings-preview {
    position: static;
  }

  .gw-tg-preview-body {
    min-height: 300px;
  }
}

@media (
  max-width: 480px
) {
  .gw-preview-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .gw-preview-tabs {
    width: 100%;
  }

  .gw-preview-tab {
    flex: 1;
  }

  .gw-tg-preview-message {
    width: 96%;
  }
}

/* TGSTOCK GIVEAWAY TELEGRAM PREVIEW V8 END */

/* TGSTOCK GIVEAWAY DRAFT EDIT V9 START */

.gw-edit-dialog {
  width:
    min(660px, calc(100% - 24px));
}

.gw-edit-dialog
.gw-dialog-card {
  display: block;
}

.gw-edit-form {
  margin-top: 18px;

  display: grid;
  gap: 16px;
}

.gw-edit-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 13px;
}

.gw-edit-wide {
  grid-column:
    1 / -1;
}

.gw-edit-form
.gw-settings-field
input,
.gw-edit-form
.gw-settings-field
select {
  width: 100%;
  min-width: 0;
  height: 39px;

  padding:
    0 11px;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius: 9px;

  outline: none;

  background:
    rgba(5,8,15,.72);

  color: #e3e7ef;

  font-family: inherit;
  font-size: 10px;
}

.gw-edit-form
.gw-settings-field
select {
  cursor: pointer;
}

.gw-edit-form
.gw-settings-field
input:focus,
.gw-edit-form
.gw-settings-field
select:focus {
  border-color:
    rgba(140,92,255,.46);

  box-shadow:
    0 0 0 3px
    rgba(140,92,255,.05);
}

.gw-edit-form
.gw-settings-field
input[type="datetime-local"] {
  color-scheme: dark;
}

.gw-edit-form
.gw-form-error[hidden] {
  display: none !important;
}

@media (max-width: 560px) {
  .gw-edit-grid {
    grid-template-columns: 1fr;
  }

  .gw-edit-wide {
    grid-column: 1;
  }
}

/* TGSTOCK GIVEAWAY DRAFT EDIT V9 END */

/* TGSTOCK GIVEAWAY GROUP MANAGEMENT V10 START */

.gw-group-card {
  display: grid;

  grid-template-columns:
    34px
    minmax(0, 1fr)
    auto;

  align-items: center;

  gap: 10px;
}

.gw-group-main {
  min-width: 0;
}

.gw-group-main strong {
  display: block;

  overflow: hidden;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-group-main span {
  display: block;

  margin-top: 3px;

  overflow: hidden;

  color: #747c8d;

  font-size: 8px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-group-actions {
  display: flex;
  align-items: center;

  gap: 5px;
}

.gw-group-manage {
  min-height: 29px;

  padding:
    0 8px;

  border:
    1px solid rgba(255,255,255,.065);

  border-radius: 7px;

  background:
    rgba(255,255,255,.025);

  color: #8d95a5;

  font-family: inherit;
  font-size: 8px;
  font-weight: 800;

  cursor: pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease;
}

.gw-group-manage:hover {
  border-color:
    rgba(140,92,255,.18);

  background:
    rgba(140,92,255,.065);

  color: #b6a2ef;
}

.gw-group-manage.danger {
  border-color:
    rgba(255,91,107,.09);

  color: #a86b73;
}

.gw-group-manage.danger:hover {
  border-color:
    rgba(255,91,107,.19);

  background:
    rgba(255,91,107,.055);

  color: #d47c87;
}

.gw-group-manage:disabled {
  opacity: .5;

  cursor: default;
}

.gw-group-rename-dialog {
  width:
    min(500px, calc(100% - 24px));
}

.gw-group-rename-dialog
.gw-dialog-card {
  display: block;
}

.gw-group-rename-form {
  margin-top: 17px;

  display: grid;
  gap: 15px;
}

.gw-group-rename-form
input {
  width: 100%;
  height: 39px;

  padding:
    0 11px;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius: 9px;

  outline: none;

  background:
    rgba(5,8,15,.72);

  color: #e3e7ef;

  font-family: inherit;
  font-size: 10px;
}

.gw-group-rename-form
input:focus {
  border-color:
    rgba(140,92,255,.46);

  box-shadow:
    0 0 0 3px
    rgba(140,92,255,.05);
}

.gw-group-rename-form
.gw-form-error[hidden] {
  display: none !important;
}

@media (max-width: 720px) {
  .gw-group-card {
    grid-template-columns:
      34px
      minmax(0, 1fr);
  }

  .gw-group-actions {
    grid-column: 2;

    width: 100%;
  }

  .gw-group-manage {
    flex: 1;
  }
}

/* TGSTOCK GIVEAWAY GROUP MANAGEMENT V10 END */

/* TGSTOCK GIVEAWAY CONDITION CHECK V11 START */

.gw-condition-check {
  grid-column:
    1 / -1;

  min-height: 45px;

  padding:
    8px 10px;

  display: grid;

  grid-template-columns:
    16px
    minmax(0, 1fr);

  align-items: center;

  gap: 9px;

  border:
    1px solid rgba(255,255,255,.05);

  border-radius: 8px;

  background:
    rgba(255,255,255,.015);

  cursor: pointer;

  user-select: none;
}

.gw-condition-check:hover {
  border-color:
    rgba(140,92,255,.13);

  background:
    rgba(140,92,255,.025);
}

.gw-condition-check
input {
  position: absolute;

  width: 1px !important;
  height: 1px !important;

  opacity: 0;

  pointer-events: none;
}

.gw-condition-check-box {
  width: 16px;
  height: 16px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(255,255,255,.13);

  border-radius: 5px;

  background:
    rgba(4,7,13,.7);

  transition:
    background .15s ease,
    border-color .15s ease;
}

.gw-condition-check-box::after {
  content: '✓';

  opacity: 0;

  color: #fff;

  font-size: 9px;
  font-weight: 900;

  transform:
    scale(.7);

  transition:
    opacity .15s ease,
    transform .15s ease;
}

.gw-condition-check
input:checked
+
.gw-condition-check-box {
  border-color:
    rgba(140,92,255,.58);

  background:
    rgba(140,92,255,.72);
}

.gw-condition-check
input:checked
+
.gw-condition-check-box::after {
  opacity: 1;

  transform:
    scale(1);
}

.gw-condition-check-copy {
  min-width: 0;

  display: grid;

  gap: 2px;
}

.gw-condition-check-copy
strong {
  color: #b8becb;

  font-size: 9px;
  font-weight: 850;
}

.gw-condition-check-copy
small {
  color: #697183;

  font-size: 8px;
  line-height: 1.4;
}

.gw-condition-row:has(
  .gw-condition-required-check:checked
) {
  padding: 8px;

  border:
    1px solid rgba(140,92,255,.09);

  border-radius: 10px;

  background:
    rgba(140,92,255,.018);
}

@media (max-width: 620px) {
  .gw-condition-check {
    grid-column:
      1 / -1;
  }
}

/* TGSTOCK GIVEAWAY CONDITION CHECK V11 END */

/* TGSTOCK GIVEAWAY PARTICIPANT STATUS V13 START */

.gw-action-participants {
  display: inline-flex;
  align-items: center;

  gap: 7px;
}

.gw-action-sub {
  padding-left: 7px;

  border-left:
    1px solid rgba(255,255,255,.08);

  color: #848ca0;

  font-size: 8px;
  font-weight: 750;
}


.gw-participant-summary {
  padding: 10px;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 7px;

  border:
    1px solid rgba(140,92,255,.10);

  border-radius: 11px;

  background:
    rgba(140,92,255,.025);
}

.gw-participant-summary-item {
  min-width: 0;

  padding: 9px 10px;

  display: grid;

  gap: 4px;

  border:
    1px solid rgba(255,255,255,.045);

  border-radius: 9px;

  background:
    rgba(4,7,13,.42);
}

.gw-participant-summary-item span {
  color: #747c8f;

  font-size: 8px;
  line-height: 1.35;
}

.gw-participant-summary-item strong {
  color: #d5dae5;

  font-size: 15px;
  font-weight: 900;
}

.gw-participant-summary-item.good strong {
  color: #6fd6a4;
}

.gw-participant-summary-item.bad strong {
  color: #e17f8a;
}


.gw-participant-conditions {
  grid-column:
    1 / -1;

  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 6px;

  padding-top: 3px;

  color: #737b8d;

  font-size: 8px;
}

.gw-participant-conditions > span {
  font-weight: 800;
}

.gw-participant-conditions a,
.gw-participant-condition-static {
  padding:
    4px 7px;

  border:
    1px solid rgba(140,92,255,.12);

  border-radius: 999px;

  background:
    rgba(140,92,255,.05);

  color: #a990ec;

  font-size: 8px;
  font-weight: 750;

  text-decoration: none;
}

.gw-participant-condition-static {
  display: inline-flex;
  align-items: center;
  font-style: normal;
}

.gw-participant-conditions a:hover {
  border-color:
    rgba(140,92,255,.25);

  background:
    rgba(140,92,255,.09);
}

.gw-participant-conditions.empty {
  color: #666e80;
}


.gw-participant {
  grid-template-columns:
    30px
    minmax(0, 1fr)
    auto
    auto;
}

.gw-participant.is-ineligible {
  border-color:
    rgba(225,100,115,.11);

  background:
    rgba(225,100,115,.018);
}

.gw-participant-state {
  padding:
    5px 7px;

  border:
    1px solid rgba(255,255,255,.06);

  border-radius: 999px;

  color: #858d9f;

  font-size: 8px;
  font-weight: 850;

  white-space: nowrap;
}

.gw-participant-state.good {
  border-color:
    rgba(87,223,160,.13);

  background:
    rgba(87,223,160,.045);

  color: #70cea0;
}

.gw-participant-state.bad {
  border-color:
    rgba(225,100,115,.14);

  background:
    rgba(225,100,115,.045);

  color: #d97a87;
}

.gw-participant-state.neutral {
  color: #858d9f;
}


.gw-participant-missing {
  display: block;

  margin-top: 2px;

  overflow: hidden;

  color: #a66d76;

  font-size: 8px;
  line-height: 1.35;

  text-overflow: ellipsis;
}


@media (max-width: 680px) {
  .gw-participant-summary {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .gw-participant {
    grid-template-columns:
      30px
      minmax(0, 1fr);
  }

  .gw-participant-state {
    grid-column: 2;

    width: fit-content;
  }

  .gw-participant time {
    grid-column: 2;
  }
}

@media (max-width: 420px) {
  .gw-participant-summary {
    grid-template-columns:
      1fr;
  }

  .gw-action-participants {
    flex-wrap: wrap;
  }
}

/* TGSTOCK GIVEAWAY PARTICIPANT STATUS V13 END */

/* TGSTOCK GIVEAWAY MEDIA V14 START */

.gw-media-dialog {
  width:
    min(620px, calc(100% - 24px));
}

.gw-media-info {
  margin-top: 14px;

  padding: 11px 12px;

  display: grid;

  gap: 4px;

  border:
    1px solid rgba(140,92,255,.09);

  border-radius: 10px;

  background:
    rgba(140,92,255,.025);
}

.gw-media-info strong {
  color: #d3d7e2;

  font-size: 10px;
  font-weight: 850;
}

.gw-media-info span {
  color: #767e91;

  font-size: 9px;
  line-height: 1.5;
}


.gw-media-empty {
  min-height: 105px;

  margin-top: 12px;

  display: grid;

  place-items: center;

  border:
    1px dashed rgba(255,255,255,.08);

  border-radius: 11px;

  color: #6f7789;

  font-size: 9px;
}


.gw-media-picker {
  min-height: 72px;

  margin-top: 12px;

  padding: 11px;

  display: flex;

  align-items: center;

  gap: 10px;

  border:
    1px dashed rgba(140,92,255,.18);

  border-radius: 11px;

  background:
    rgba(140,92,255,.025);

  cursor: pointer;

  transition:
    border-color .15s ease,
    background .15s ease;
}

.gw-media-picker:hover {
  border-color:
    rgba(140,92,255,.36);

  background:
    rgba(140,92,255,.055);
}

.gw-media-picker input {
  position: absolute;

  width: 1px;
  height: 1px;

  opacity: 0;

  pointer-events: none;
}

.gw-media-picker-icon {
  width: 38px;
  height: 38px;

  flex: 0 0 38px;

  display: grid;

  place-items: center;

  border:
    1px solid rgba(140,92,255,.14);

  border-radius: 9px;

  background:
    rgba(140,92,255,.07);

  color: #a991ef;

  font-size: 18px;
  font-weight: 500;
}

.gw-media-picker > span:last-child {
  min-width: 0;

  display: grid;

  gap: 3px;
}

.gw-media-picker strong {
  color: #cfd4df;

  font-size: 10px;
  font-weight: 800;
}

.gw-media-picker small {
  color: #70788b;

  font-size: 8px;
}


.gw-media-current,
.gw-media-selected {
  margin-top: 12px;
}

.gw-media-selected-label {
  margin-bottom: 6px;

  color: #a890ea;

  font-size: 8px;
  font-weight: 850;

  text-transform: uppercase;

  letter-spacing: .05em;
}


.gw-media-preview {
  padding: 8px;

  display: grid;

  grid-template-columns:
    minmax(0, 180px)
    minmax(0, 1fr);

  align-items: center;

  gap: 11px;

  border:
    1px solid rgba(255,255,255,.06);

  border-radius: 11px;

  background:
    rgba(255,255,255,.018);
}

.gw-media-preview-frame {
  min-height: 100px;

  max-height: 180px;

  display: grid;

  place-items: center;

  overflow: hidden;

  border-radius: 8px;

  background:
    #070a10;
}

.gw-media-preview-frame img,
.gw-media-preview-frame video {
  display: block;

  width: 100%;
  height: 100%;

  max-height: 180px;

  object-fit: contain;
}

.gw-media-preview-meta {
  min-width: 0;

  display: grid;

  gap: 4px;
}

.gw-media-preview-meta strong {
  color: #d5dae4;

  font-size: 10px;
  font-weight: 850;
}

.gw-media-preview-meta span {
  overflow: hidden;

  color: #8b93a5;

  font-size: 9px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-media-preview-meta small {
  color: #697184;

  font-size: 8px;
}


.gw-media-actions {
  margin-top: 14px;

  display: flex;

  justify-content: flex-end;

  gap: 8px;
}


.gw-media-current[hidden],
.gw-media-empty[hidden],
.gw-media-selected[hidden],
#removeGiveawayMedia[hidden] {
  display: none !important;
}


@media (max-width: 560px) {
  .gw-media-preview {
    grid-template-columns:
      1fr;
  }

  .gw-media-preview-frame {
    max-height: 240px;
  }

  .gw-media-preview-frame img,
  .gw-media-preview-frame video {
    max-height: 240px;
  }

  .gw-media-actions {
    display: grid;

    grid-template-columns:
      1fr;
  }

  .gw-media-actions button {
    width: 100%;
  }
}

/* TGSTOCK GIVEAWAY MEDIA V14 END */

/* TGSTOCK GIVEAWAY V15 CSS START */

.gw-v15-dialog {
  width:
    min(720px, calc(100% - 24px));
}

.gw-v15-card {
  width: 100%;
}

.gw-v15-section {
  margin-top: 12px;
  padding: 12px;

  border:
    1px solid rgba(255,255,255,.06);

  border-radius: 12px;

  background:
    rgba(255,255,255,.018);
}

.gw-v15-section-head {
  margin-bottom: 10px;

  display: grid;

  gap: 3px;
}

.gw-v15-section-head strong {
  color: #d9dde7;

  font-size: 10px;
  font-weight: 850;
}

.gw-v15-section-head span,
.gw-v15-help {
  color: #757d90;

  font-size: 8px;
  line-height: 1.5;
}

.gw-v15-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 10px;
}

.gw-v15-section textarea {
  width: 100%;

  min-height: 120px;

  resize: vertical;
}

.gw-v15-error {
  margin-top: 10px;

  padding: 10px 11px;

  border:
    1px solid rgba(255,89,110,.18);

  border-radius: 9px;

  background:
    rgba(255,89,110,.055);

  color: #e58a98;

  font-size: 9px;
  line-height: 1.45;
}

.gw-v15-error[hidden] {
  display: none !important;
}

.gw-v15-meta-error {
  color: #df8290 !important;
}

.gw-v15-reserve-list {
  margin-top: 12px;

  display: grid;

  gap: 7px;
}

.gw-v15-reserve-row {
  padding: 9px 10px;

  display: grid;

  grid-template-columns:
    30px minmax(0, 1fr);

  gap: 9px;

  align-items: center;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius: 10px;

  background:
    rgba(255,255,255,.018);
}

.gw-v15-reserve-number {
  width: 28px;
  height: 28px;

  display: grid;

  place-items: center;

  border-radius: 8px;

  background:
    rgba(140,92,255,.08);

  color: #ab95ed;

  font-size: 9px;
  font-weight: 900;
}

.gw-v15-reserve-row > div {
  min-width: 0;

  display: grid;

  gap: 2px;
}

.gw-v15-reserve-row strong {
  overflow: hidden;

  color: #d4d8e2;

  font-size: 10px;

  text-overflow: ellipsis;
}

.gw-v15-reserve-row small {
  color: #70788a;

  font-size: 8px;
}

.gw-v15-loading {
  padding: 24px 10px;

  text-align: center;

  color: #727a8c;

  font-size: 9px;
}


@media (max-width: 640px) {
  .gw-v15-grid {
    grid-template-columns:
      1fr;
  }
}

/* TGSTOCK GIVEAWAY V15 CSS END */

/* TGSTOCK GIVEAWAY ADMIN ACTIONS CSS START */

.gw-action.danger {
  border-color:
    rgba(255, 92, 112, .18);

  background:
    rgba(255, 92, 112, .045);

  color:
    #dc7c8a;
}

.gw-action.danger:hover {
  border-color:
    rgba(255, 92, 112, .3);

  background:
    rgba(255, 92, 112, .08);

  color:
    #ed96a2;
}

/* TGSTOCK GIVEAWAY ADMIN ACTIONS CSS END */

/* TGSTOCK GIVEAWAY CLEAR FINISHED CSS START */

.gw-clear-finished-top {
  margin-left:
    10px;

  border-color:
    rgba(255, 92, 112, .24) !important;

  background:
    rgba(255, 92, 112, .055) !important;

  color:
    #e08a96 !important;

  white-space:
    nowrap;
}

.gw-clear-finished-top:hover {
  border-color:
    rgba(255, 92, 112, .38) !important;

  background:
    rgba(255, 92, 112, .10) !important;

  color:
    #f0a0aa !important;
}

.gw-clear-finished-top:disabled {
  opacity:
    .55;

  cursor:
    wait;
}

@media (
  max-width:
    720px
) {
  .gw-clear-finished-top {
    margin-left:
      0;

    margin-top:
      8px;
  }
}

/* TGSTOCK GIVEAWAY CLEAR FINISHED CSS END */


/* TGSTOCK GIVEAWAY COMPACT CLEAR CSS START */

.gw-clear-finished-top.gw-clear-finished-compact {
  appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;

  height: 38px !important;
  min-height: 38px !important;

  margin:
    0 8px 0 0 !important;

  padding:
    0 13px !important;

  border:
    1px solid
    rgba(255, 92, 112, .26) !important;

  border-radius:
    10px !important;

  background:
    rgba(255, 77, 103, .06) !important;

  color:
    #ea8998 !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  letter-spacing:
    0 !important;

  white-space:
    nowrap !important;

  box-shadow:
    none !important;

  cursor:
    pointer !important;

  flex:
    0 0 auto !important;

  transition:
    border-color .15s ease,
    background .15s ease,
    color .15s ease,
    transform .15s ease !important;
}


.gw-clear-finished-top.gw-clear-finished-compact:hover {
  border-color:
    rgba(255, 92, 112, .46) !important;

  background:
    rgba(255, 77, 103, .12) !important;

  color:
    #ffa0ad !important;

  transform:
    translateY(-1px) !important;
}


.gw-clear-finished-top.gw-clear-finished-compact:active {
  transform:
    translateY(0) !important;
}


.gw-clear-finished-top.gw-clear-finished-compact:disabled {
  opacity:
    .55 !important;

  cursor:
    wait !important;

  transform:
    none !important;
}


@media (max-width: 720px) {

  .gw-clear-finished-top.gw-clear-finished-compact {
    height:
      36px !important;

    min-height:
      36px !important;

    margin-right:
      6px !important;

    padding:
      0 10px !important;

    font-size:
      11px !important;
  }
}

/* TGSTOCK GIVEAWAY COMPACT CLEAR CSS END */


/* TGSTOCK GIVEAWAY SUBSCRIPTION UI CSS START */

.gw-subscription-panel {
  width:
    min(
      1180px,
      calc(100% - 32px)
    );

  margin:
    14px auto 18px;

  padding:
    13px 15px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    16px;

  border:
    1px solid
    rgba(147, 102, 255, .18);

  border-radius:
    14px;

  background:
    linear-gradient(
      135deg,
      rgba(128, 79, 255, .085),
      rgba(255,255,255,.018)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.03);
}


.gw-subscription-panel.active {
  border-color:
    rgba(72, 214, 145, .20);

  background:
    linear-gradient(
      135deg,
      rgba(72, 214, 145, .07),
      rgba(255,255,255,.014)
    );
}


.gw-subscription-panel.founder {
  border-color:
    rgba(166, 115, 255, .28);

  background:
    linear-gradient(
      135deg,
      rgba(137, 84, 255, .11),
      rgba(255,255,255,.018)
    );
}


.gw-subscription-main {
  min-width:
    0;

  display:
    flex;

  align-items:
    center;

  gap:
    11px;
}


.gw-subscription-icon {
  width:
    34px;

  height:
    34px;

  flex:
    0 0 34px;

  display:
    grid;

  place-items:
    center;

  border:
    1px solid
    rgba(154, 105, 255, .25);

  border-radius:
    10px;

  background:
    rgba(139, 86, 255, .10);

  color:
    #bfa5ff;

  font-size:
    14px;

  font-weight:
    900;
}


.gw-subscription-panel.active
.gw-subscription-icon {
  border-color:
    rgba(72,214,145,.25);

  background:
    rgba(72,214,145,.09);

  color:
    #74dfa8;
}


.gw-subscription-main strong {
  display:
    block;

  color:
    #f3f4f8;

  font-size:
    13px;

  line-height:
    1.25;
}


.gw-subscription-main span {
  display:
    block;

  margin-top:
    4px;

  color:
    #868da0;

  font-size:
    10px;

  line-height:
    1.45;
}


.gw-subscription-actions {
  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  flex:
    0 0 auto;
}


.gw-subscription-counter {
  min-width:
    58px;

  text-align:
    right;
}


.gw-subscription-counter small {
  display:
    block;

  color:
    #737b8f;

  font-size:
    8px;

  font-weight:
    750;
}


.gw-subscription-counter strong {
  display:
    block;

  margin-top:
    3px;

  color:
    #bda7ff;

  font-size:
    13px;
}


.gw-subscription-buy {
  min-height:
    36px;

  padding:
    0 13px;

  border:
    1px solid
    rgba(151, 99, 255, .32);

  border-radius:
    10px;

  background:
    linear-gradient(
      135deg,
      rgba(129, 77, 255, .30),
      rgba(107, 70, 235, .20)
    );

  color:
    #f1ecff;

  font-size:
    10px;

  font-weight:
    800;

  cursor:
    pointer;

  white-space:
    nowrap;

  transition:
    .15s ease;
}


.gw-subscription-buy:hover {
  border-color:
    rgba(166, 119, 255, .55);

  background:
    linear-gradient(
      135deg,
      rgba(137, 83, 255, .40),
      rgba(113, 72, 245, .29)
    );

  transform:
    translateY(-1px);
}


.gw-subscription-buy:disabled {
  opacity:
    .55;

  cursor:
    wait;

  transform:
    none;
}


.gw-subscription-status {
  padding:
    7px 10px;

  border:
    1px solid
    rgba(72,214,145,.20);

  border-radius:
    999px;

  background:
    rgba(72,214,145,.065);

  color:
    #70dca5;

  font-size:
    9px;

  font-weight:
    800;
}


.gw-subscription-login-note {
  color:
    #777f92;

  font-size:
    9px;

  white-space:
    nowrap;
}


@media (max-width: 720px) {

  .gw-subscription-panel {
    width:
      calc(100% - 20px);

    margin:
      10px auto 14px;

    padding:
      12px;

    align-items:
      stretch;

    flex-direction:
      column;
  }


  .gw-subscription-actions {
    width:
      100%;

    justify-content:
      space-between;
  }


  .gw-subscription-buy {
    flex:
      1;
  }
}

/* TGSTOCK GIVEAWAY SUBSCRIPTION UI CSS END */