@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.min.css");

/* == main.css == */
:root {
  --bs-body-font-size: 14px;
  --bs-body-color: #fff;
  --bs-black-rgb: 10, 7, 11;
  --bs-grey-black-rgb: 24, 26, 32;
  --bs-primary-rgb: 233, 45, 45;
}

body {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  min-height: 100vh;
  background-color: rgb(var(--bs-black-rgb));
}

input::placeholder {
  color: rgba(var(--bs-secondary-rgb), .8);
}

.navbar {
  background-color: rgb(var(--bs-grey-black-rgb));
}

.navbar {
  .navbar-toggler-icon {
    background-image: url("/assets/s/img/toggler.png") !important;
  }

  .offcanvas {
    background: linear-gradient(206deg, #151514 68.47%, #f41b3b 154.62%);
    width: 300px !important;
  }
}

.fu019m {
  height: calc(46px + 0.5rem * 2);
  background-color: rgb(var(--bs-grey-black-rgb));
}

.b6afmd {
  height: 46px;
}

.fc07uw {
  width: 286px;
}

.g8i1s5 {
  display: flex;
  height: 43px;
}

.g8i1s5 span {
  background-image: linear-gradient(90deg, #e92d2d, #e92d2d);
  background-position: 2px 84%;
  background-repeat: no-repeat;
  background-size: 100% 22px;
  font-size: 36px;
  font-weight: 900;
  line-height: 43px;
  padding-left: 10px;
}

.g8i1s5 div {
  background-image: url('/assets/s/img/title.png');
  background-position: -202px 84%;
  background-repeat: no-repeat;
  background-size: 280px 22px;
  width: 80px;
}

.video:hover {
  transform: scale(1.04);
  transition: transform .3s, box-shadow .3s;
  z-index: 1;
}

@media (max-width: 576px) {
  .video:hover {
    transform: unset;
    transition: unset;
  }
}

.video:hover .f1l3iq, .video:hover .ecg290 {
  opacity: 1 !important;
}

.dxqehp {
  aspect-ratio: 336/188;
}

.f1l3iq {
  transform: translate(-50%, -50%);
}

.igblnm .ema5uf .video {
  height: 100%;
}

@media (max-width: 1200px) {
  .igblnm .fqqee4:nth-child(n+3) {
    display: none;
  }
}

@media (max-width: 992px) {
  .igblnm .e8uutq {
    display: none;
  }
}

.player {
  height: 450px;
}

@media (max-width: 576px) {
  .player {
    height: 85vw;
  }
}

.g1xsey {
  width: 60px;
  height: 60px;
}

.g25103 {
  width: 32px;
  height: 32px;
}

.el623l {
  width: 24px;
  height: 24px;
}

.g8ntb9 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ywbfa5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fh7kj1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.em26na {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fpgn92 {
  flex: 1 !important;
}

.dn3wwr {
  font-size: 0.6rem !important;
}

.b7gvgb {
  font-size: 0.65rem !important;
}

.gg2bxg {
  font-size: 0.7rem !important;
}

.cmxvkq {
  font-size: 0.75rem !important;
}

.dhwxxa {
  font-size: 0.8rem !important;
}

.dcc7yi {
  font-size: 0.85rem !important;
}

.dx15u1 {
  font-size: 0.9rem !important;
}

.b5u5b0 {
  font-size: 0.95rem !important;
}

.fk0xwa {
  font-size: 1rem !important;
}

.dn3iud {
  font-size: 1.25rem !important;
}

.p1k1a2 {
  font-size: 1.5rem !important;
}

.ppfdl7 {
  font-size: 2rem !important;
}

@media (min-width: 576px) {
  .fac7oe {
    font-size: 0.6rem !important;
  }

  .h1kb4k {
    font-size: 0.65rem !important;
  }

  .puj1ag {
    font-size: 0.7rem !important;
  }

  .cqcui2 {
    font-size: 0.75rem !important;
  }

  .fnuckn {
    font-size: 0.8rem !important;
  }

  .ea8xoo {
    font-size: 0.85rem !important;
  }

  .djppfz {
    font-size: 0.9rem !important;
  }

  .b2i08u {
    font-size: 0.95rem !important;
  }

  .embp8t {
    font-size: 1rem !important;
  }

  .b540zf {
    font-size: 1.25rem !important;
  }

  .cz9dqz {
    font-size: 1.5rem !important;
  }

  .ed5sst {
    font-size: 2rem !important;
  }
}

@media (min-width: 768px) {
  .dzmgu4 {
    font-size: 0.6rem !important;
  }

  .bih2we {
    font-size: 0.65rem !important;
  }

  .dto0ou {
    font-size: 0.7rem !important;
  }

  .emv10i {
    font-size: 0.75rem !important;
  }

  .cj84fx {
    font-size: 0.8rem !important;
  }

  .ec73lb {
    font-size: 0.85rem !important;
  }

  .cygigt {
    font-size: 0.9rem !important;
  }

  .b13doq {
    font-size: 0.95rem !important;
  }

  .exx9ns {
    font-size: 1rem !important;
  }

  .fak1ml {
    font-size: 1.25rem !important;
  }

  .dh4wbp {
    font-size: 1.5rem !important;
  }

  .gcly1q {
    font-size: 2rem !important;
  }
}

@media (min-width: 992px) {
  .gbrzqh {
    font-size: 0.6rem !important;
  }

  .d3rcrk {
    font-size: 0.65rem !important;
  }

  .k4e63p {
    font-size: 0.7rem !important;
  }

  .e42hjb {
    font-size: 0.75rem !important;
  }

  .hjvob9 {
    font-size: 0.8rem !important;
  }

  .bargg5 {
    font-size: 0.85rem !important;
  }

  .dj7jpj {
    font-size: 0.9rem !important;
  }

  .d7wyap {
    font-size: 0.95rem !important;
  }

  .clttz5 {
    font-size: 1rem !important;
  }

  .dcpwvj {
    font-size: 1.25rem !important;
  }

  .cpkl3i {
    font-size: 1.5rem !important;
  }

  .qbiaqe {
    font-size: 2rem !important;
  }
}

@media (min-width: 1200px) {
  .gdgqqy {
    font-size: 0.6rem !important;
  }

  .b3qhpn {
    font-size: 0.65rem !important;
  }

  .cof4y1 {
    font-size: 0.7rem !important;
  }

  .fca0pn {
    font-size: 0.75rem !important;
  }

  .jx5mml {
    font-size: 0.8rem !important;
  }

  .fuiuh2 {
    font-size: 0.85rem !important;
  }

  .ej1lof {
    font-size: 0.9rem !important;
  }

  .yoolsw {
    font-size: 0.95rem !important;
  }

  .eh84hm {
    font-size: 1rem !important;
  }

  .foq4yv {
    font-size: 1.25rem !important;
  }

  .s0ln1z {
    font-size: 1.5rem !important;
  }

  .bgy3oe {
    font-size: 2rem !important;
  }
}

@media (min-width: 1400px) {
  .b3xyyb {
    font-size: 0.6rem !important;
  }

  .ce3k3z {
    font-size: 0.65rem !important;
  }

  .fsej9y {
    font-size: 0.7rem !important;
  }

  .c1la55 {
    font-size: 0.75rem !important;
  }

  .er326t {
    font-size: 0.8rem !important;
  }

  .cw6cnf {
    font-size: 0.85rem !important;
  }

  .eonwg7 {
    font-size: 0.9rem !important;
  }

  .f0dyxs {
    font-size: 0.95rem !important;
  }

  .fga3fx {
    font-size: 1rem !important;
  }

  .bqnqmd {
    font-size: 1.25rem !important;
  }

  .csjxkw {
    font-size: 1.5rem !important;
  }

  .ca9h7h {
    font-size: 2rem !important;
  }
}

/* == append/C-2.css == */
:root {
  --bs-body-font-size: 15px;
  --bs-body-color: #eef6ef;
  --bs-black-rgb: 15, 19, 17;
  --bs-grey-black-rgb: 27, 34, 30;
  --bs-primary-rgb: 230, 95, 60;
  --bs-secondary-rgb: 119, 201, 167;
}

body {
  background: linear-gradient(180deg, #101511 0%, #15130f 46%, #0f1311 100%);
  color: var(--bs-body-color);
  font-family: Inter, Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}

input::placeholder {
  color: rgba(238, 246, 239, .58);
}

.fu019m {
  height: 76px;
  background-color: rgb(var(--bs-grey-black-rgb));
}

.navbar {
  min-height: 76px;
  background: rgba(var(--bs-grey-black-rgb), .94);
  border-bottom: 1px solid rgba(243, 201, 105, .18);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
}

.b6afmd {
  height: 38px;
}

.c33ue6 {
  display: inline-flex;
  align-items: center;
}

.cknrps {
  gap: 8px;
}

.ftb20p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  color: #edf7ee;
  background: rgba(119, 201, 167, .08);
  border: 1px solid rgba(119, 201, 167, .2);
  border-radius: 8px;
  font-weight: 700;
}

.ftb20p:hover,
.d8ld6v:hover {
  color: #ffffff;
  background: rgba(230, 95, 60, .22);
  border-color: rgba(230, 95, 60, .5);
}

.ete39x {
  width: 338px;
  background: rgba(255, 255, 255, .07);
  border-color: rgba(238, 246, 239, .18) !important;
  border-radius: 8px;
}

.ete39x .btn {
  border-radius: 6px;
  font-weight: 800;
}

.d8ld6v {
  width: 42px;
  height: 42px;
  background: rgba(243, 201, 105, .1);
  border: 1px solid rgba(243, 201, 105, .22);
  border-radius: 8px;
}

.navbar .navbar-toggler-icon {
  background-image: url("/assets/s/img/toggler.png") !important;
}

.navbar .offcanvas {
  width: 300px !important;
  background: #18231e;
  border-right: 1px solid rgba(243, 201, 105, .2);
}

.f113es {
  padding: 14px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
}

.g8i1s5 {
  height: auto;
  min-height: 40px;
}

.g8i1s5 span {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding-left: 16px;
  background-image: none;
  color: #f8fbf4;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: 0;
}

.g8i1s5 span::before {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 28px;
  background: #e65f3c;
  border-radius: 8px;
}

.g8i1s5 div {
  display: none;
}

.g8i1s5 + a,
.g8i1s5 ~ a {
  color: #f3c969 !important;
}

.video {
  height: 100%;
  padding: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(238, 246, 239, .11);
  border-radius: 8px;
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}

.video:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, .085);
  border-color: rgba(230, 95, 60, .42);
  box-shadow: none;
  z-index: 1;
}

.dxqehp {
  aspect-ratio: 16 / 10;
  border-radius: 6px !important;
}

.ecg290 {
  position: static !important;
  display: block !important;
  width: auto !important;
  padding: 12px 2px 2px !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #f4faf4;
  opacity: 1 !important;
}

.ecg290 span,
.video .d-block.d-md-none {
  font-size: .98rem !important;
  line-height: 1.35;
}

.f1l3iq {
  width: 52px;
  height: 52px;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .4));
}

.fq9lpk {
  padding-top: 12px;
}

.gcv0pa {
  align-items: stretch;
}

.gcv0pa .ema5uf .video {
  height: 100%;
  padding: 10px;
}

.gcv0pa .ema5uf .dxqehp {
  aspect-ratio: 16 / 8.8;
}

.gcv0pa .e8uutq .dxqehp {
  aspect-ratio: 16 / 9;
}

.dmfnth {
  padding-bottom: 12px;
  scrollbar-width: thin;
  scrollbar-color: rgba(230, 95, 60, .58) rgba(255, 255, 255, .08);
}

.dmfnth > div {
  min-width: 260px;
}

.c7qoa0 .video {
  min-height: 100%;
}

.dxi2cs {
  overflow: hidden;
  background: rgba(255, 255, 255, .055) !important;
  border: 1px solid rgba(238, 246, 239, .12);
}

.g5l67y {
  background: rgba(15, 19, 17, .82);
  border-top: 1px solid rgba(238, 246, 239, .08);
}

.b7fr83 {
  padding-left: 16px;
  border-left: 1px solid rgba(238, 246, 239, .12);
}

.player {
  height: 500px;
}

.edr7tw {
  margin-top: 32px;
  border-top: 1px solid rgba(238, 246, 239, .12);
  color: rgba(238, 246, 239, .68);
}

.edr7tw a {
  color: rgba(238, 246, 239, .82) !important;
}

@media (max-width: 992px) {
  .ete39x {
    width: 292px;
  }

  .player {
    height: 58vw;
    min-height: 320px;
  }
}

@media (max-width: 576px) {
  .fu019m {
    height: 64px;
  }

  .navbar {
    min-height: 64px;
  }

  .b6afmd {
    height: 34px;
  }

  .g8i1s5 span {
    font-size: 24px;
  }

  .video {
    padding: 7px;
  }

  .video:hover {
    transform: none;
  }

  .player {
    height: 85vw;
    min-height: 260px;
  }
}

@media (max-width: 767.98px) {
  .ecg290 {
    display: none !important;
  }
}