:root {
  --alconica: "Aclonica", sans-serif, serif;
  --montserrat: "Montserrat", "Roboto", "Lato", "Nunito", Helvetica, Arial, sans-serif, serif;
  --gut: 80px;
  --gutX: calc(var(--gut) * 0.5);
  --ss: 0.2s;
  --blu: #0d6efd;
  --pc9: #257cfd;
  --pc8: #3d8bfd;
  --pc7: #5599fd;
  --pc6: #6da8fd;
  --pc5: #86b6fe;
  --pc4: #9ec5fe;
  --pc3: #b6d3fe;
  --pc2: #cee2fe;
  --pc1: #e6f0fe;
  --pc08: #ebf3fe;
  --pc06: #f0f6fe;
  --pc04: #f5f9fe;
  --pc02: #fafcfe;
  --pc: var(--blu);
  --pcc: #fd9c0d;
  --ora: #fd7e14;
  --blu-r: 13, 110, 253;
  --pct: var(--blu-r);
  --pct1: rgba(var(--pct), 0.1);
  --pct2: rgba(var(--pct), 0.2);
  --pct3: rgba(var(--pct), 0.3);
  --pct4: rgba(var(--pct), 0.4);
  --pct5: rgba(var(--pct), 0.5);
  --pct6: rgba(var(--pct), 0.6);
  --pct7: rgba(var(--pct), 0.7);
  --pct8: rgba(var(--pct), 0.8);
  --pct9: rgba(var(--pct), 0.9);
  --pct01: rgba(var(--pct), 0.01);
  --pct02: rgba(var(--pct), 0.02);
  --pct03: rgba(var(--pct), 0.03);
  --pct04: rgba(var(--pct), 0.04);
  --pct05: rgba(var(--pct), 0.05);
  --pct06: rgba(var(--pct), 0.06);
  --pct07: rgba(var(--pct), 0.07);
  --pct08: rgba(var(--pct), 0.08);
  --pct09: rgba(var(--pct), 0.09);
  --inv-r: 234, 84, 85;
  --inv1: rgba(var(--inv-r), 0.1);
  --inv2: rgba(var(--inv-r), 0.2);
  --inv3: rgba(var(--inv-r), 0.3);
  --inv4: rgba(var(--inv-r), 0.4);
  --inv5: rgba(var(--inv-r), 0.5);
  --inv6: rgba(var(--inv-r), 0.6);
  --inv7: rgba(var(--inv-r), 0.7);
  --inv8: rgba(var(--inv-r), 0.8);
  --inv9: rgba(var(--inv-r), 0.9);
  --inv: rgb(var(--inv-r));
  --inv04: rgb(var(--inv-r),0.04);
  --inv06: rgb(var(--inv-r),0.06);
  --inv15: rgb(var(--inv-r),0.15);
  --dan-r: 244, 67, 54;
  --dan: rgb(var(--dan-r));
  --whi-r: 255, 255, 255;
  --whi1: rgba(var(--whi-r), 0.1);
  --whi2: rgba(var(--whi-r), 0.2);
  --whi3: rgba(var(--whi-r), 0.3);
  --whi4: rgba(var(--whi-r), 0.4);
  --whi5: rgba(var(--whi-r), 0.5);
  --whi6: rgba(var(--whi-r), 0.6);
  --whi7: rgba(var(--whi-r), 0.7);
  --whi8: rgba(var(--whi-r), 0.8);
  --whi9: rgba(var(--whi-r), 0.9);
  --whi: rgb(var(--whi-r));
  --whi01: rgba(var(--whi-r), 0.01);
  --whi02: rgba(var(--whi-r), 0.02);
  --whi03: rgba(var(--whi-r), 0.03);
  --whi04: rgba(var(--whi-r), 0.04);
  --whi05: rgba(var(--whi-r), 0.05);
  --whi06: rgba(var(--whi-r), 0.06);
  --whi07: rgba(var(--whi-r), 0.07);
  --whi08: rgba(var(--whi-r), 0.08);
  --whi09: rgba(var(--whi-r), 0.09);
  --dwhite: var(--whi7);
  --gre-r: 25, 135, 84;
  --gre: #198754;
  --red-r: 220,53,69;
  --red: #dc3545;
  --bla-r: 0, 0, 0;
  --bla: #000;
  --bla1: rgba(var(--bla-r), 0.1);
  --bla2: rgba(var(--bla-r), 0.2);
  --bla3: rgba(var(--bla-r), 0.3);
  --bla4: rgba(var(--bla-r), 0.4);
  --bla5: rgba(var(--bla-r), 0.5);
  --bla6: rgba(var(--bla-r), 0.6);
  --bla7: rgba(var(--bla-r), 0.7);
  --bla8: rgba(var(--bla-r), 0.8);
  --bla9: rgba(var(--bla-r), 0.9);
  --dis-r: 185, 185, 195;
  --dis: #b9b9c3;
  --dis1: rgba(var(--dis-r), 0.1);
  --dis2: rgba(var(--dis-r), 0.2);
  --dis3: rgba(var(--dis-r), 0.3);
  --dis4: rgba(var(--dis-r), 0.4);
  --dis5: rgba(var(--dis-r), 0.5);
  --dis6: rgba(var(--dis-r), 0.6);
  --dis7: rgba(var(--dis-r), 0.7);
  --dis8: rgba(var(--dis-r), 0.8);
  --dis9: rgba(var(--dis-r), 0.9);
  --alt-c: var(--whi);
  --alt-r: var(--blu-r);
  --alt-bg: rgb(var(--alt-r));
  --suc-r: 76, 175, 80;
  --suc: rgb(var(--suc-r));
  --gol: #FFD700;
  --dk-r: 10, 36, 60;
  --dk: #0a243c;
  --dk9: #22394f;
  --dk8: #3a4f62;
  --dk7: #536576;
  --dk6: #6c7b8a;
  --dk5: #84919d;
  --dk4: #9da7b1;
  --dk3: #b5bdc4;
  --dk2: #ced3d8;
  --dk1: #e6e9eb;
  --bgwht: linear-gradient(360deg,var(--whi05) 100%, var(--whi05) 0);
  --body-c: #212529;
  --tx: var(--body-c);
  --db: var(--pc2);
  --bg: var(--pc1);
  --scbw: 12px;
  --scb: var(--pc5);
  --scb2: var(--pc);
  --fs: 16px;
  --f6: calc(var(--fs) * 0.375);
  --f12: calc(var(--fs) * 0.75);
  --f13: calc(var(--fs) * 0.8125);
  --f13-5: calc(var(--fs) * 0.84375);
  --f14: calc(var(--fs) * 0.875);
  --f14-5: calc(var(--fs) * 0.90625);
  --f15: calc(var(--fs) * 0.9375);
  --f16: var(--fs);
  --f17: calc(var(--fs) * 1.0625);
  --f18: calc(var(--fs) * 1.125);
  --f18-5: calc(var(--fs) * 1.15625);
  --f19: calc(var(--fs) * 1.1875);
  --f20: calc(var(--fs) * 1.25);
  --f21: calc(var(--fs) * 1.3125);
  --f22: calc(var(--fs) * 1.375);
  --f22-5: calc(var(--fs) * 1.40625);
  --f24: calc(var(--fs) * 1.5);
  --f28: calc(var(--fs) * 1.75);
  --f30: calc(var(--fs) * 1.875);
  --f32: calc(var(--fs) * 2);
  --f34: calc(var(--fs) * 2.125);
  --f36: calc(var(--fs) * 2.25);
  --f38: calc(var(--fs) * 2.375);
  --f40: calc(var(--fs) * 2.5);
  --f42: calc(var(--fs) * 2.625);
  --f48: calc(var(--fs) * 3);
  --f80: calc(var(--fs) * 5);
  --f160: calc(var(--fs) * 10);
  --sz: 24px;
  --szc: 56px;
  --hh: 84px;
  --fh: 0px;
  --ahh: 0px;
  --tm: 0px;
  --asw: 0px;
  --hpx: var(--gutX);
  --nbr: 0px;
  --hbc: transparent;
  --hbw: 0px;
  --thh: calc(var(--hh) + var(--tm) + var(--gut) + var(--ahh));
  --thh2: calc(var(--hh) + var(--tm));
  --shw: 0px;
  --ch: 0px;
  --imp: 20px;
  --sha: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
  --sha1: rgba(17, 17, 26, 0.15) 0px 8px 24px, rgba(17, 17, 26, 0.15) 0px 16px 56px, rgba(17, 17, 26, 0.15) 0px 24px 80px;
  --sha2: rgba(17, 17, 26, 0.2) 0px 8px 24px, rgba(17, 17, 26, 0.2) 0px 16px 56px, rgba(17, 17, 26, 0.2) 0px 24px 80px;
  --shaD: 0 10px 30px rgba(2,6,23,0.6);
  --maxwidth: 1600px;
  --maxw: var(--maxwidth);
  --ssa: 0.4s;
  --lns: 20;
  --rsz: 40px;
  --rmr: 6px;
  --rpx: 16px;
  --ps: 24px;
  --pys: 16px;
  --adjX: 0px;
  --mileW: 320px;
  --biD: linear-gradient(90deg, #7c9eff 0%, #7efcc6 100%);
  --bi1: linear-gradient(135deg, var(--pc06), var(--pc3));
}

html {
  overflow: hidden;
}
html ::-webkit-scrollbar {
  width: var(--scbw);
  height: var(--scbw);
}
html ::-webkit-scrollbar-track {
  background: var(--pc2);
}
html ::-webkit-scrollbar-thumb {
  background: var(--scb);
  border-radius: var(--scbw);
}
html ::-webkit-scrollbar-thumb:hover {
  background: var(--scb2);
}
html.fl:root {
  --hpx: 20px;
  --hbc: var(--whi2);
  --hbw: 3px;
}
html.db:root, html.fl:root {
  --tm: 20px;
  --nbr: 12px;
  --hh: 68px;
  --hpx: 24px;
}
html.sk2:root {
  --pc9: #2f9365;
  --pc8: #469f76;
  --pc7: #5eab87;
  --pc6: #75b798;
  --pc5: #8cc3a9;
  --pc4: #a3cfba;
  --pc3: #badbcb;
  --pc2: #d1e7dc;
  --pc1: #e8f3ed;
  --pc08: #ecf5f0;
  --pc06: #f1f7f4;
  --pc04: #f5faf7;
  --pc02: #fafcfb;
  --pc: var(--gre);
  --pcc: #87194c;
  --pct: 25,135,84;
}
html.sk3:root {
  --pc9: #df4957;
  --pc8: #e35d6a;
  --pc7: #e6717c;
  --pc6: #ea858f;
  --pc5: #ed9aa2;
  --pc4: #f1aeb4;
  --pc3: #f4c2c7;
  --pc2: #f8d6d9;
  --pc1: #fbeaec;
  --pc08: #fbeeef;
  --pc06: #fcf2f3;
  --pc04: #fdf6f7;
  --pc02: #fefafb;
  --pc: var(--red);
  --pcc: #35dccc;
  --pct: 220,53,69;
}
html.sk4:root {
  --pc9: #f635a5;
  --pc8: #f74baf;
  --pc7: #f862b9;
  --pc6: #f978c3;
  --pc5: #fa8fcd;
  --pc4: #fba5d7;
  --pc3: #fcbbe1;
  --pc2: #fdd2eb;
  --pc1: #fee8f5;
  --pc08: #feecf7;
  --pc06: #fef1f9;
  --pc04: #fef5fb;
  --pc02: #fefafd;
  --pc: var(--pin);
  --pcc: #1ff578;
  --pct: 245, 31, 156;
}
html[lay=tm2]:root, html [lay=tm3].sy:root {
  --pc9: var(--dk9);
  --pc8: var(--dk8);
  --pc7: var(--dk7);
  --pc6: var(--dk6);
  --pc5: var(--dk5);
  --pc4: var(--dk4);
  --pc3: var(--dk3);
  --pc2: var(--dk2);
  --pc1: var(--dk1);
  --pc08: #ebedef;
  --pc06: #f0f1f3;
  --pc04: #f5f6f7;
  --pc02: #fafafb;
  --pc: var(--dk);
  --pcc: #3c220a;
  --pct: 10, 36, 60;
}
html:not(.load) {
  overflow-y: auto;
}
html .load body *:not(.e) {
  transition: none !important;
}

body {
  --pb-bd: 0px;
  --scb2: var(--pc8);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--montserrat);
  margin: 0;
  overflow: hidden;
  padding-bottom: var(--pb-bd);
  background: var(--bg);
}
body ::-webkit-scrollbar-track {
  background: var(--pct06);
  margin: calc(var(--br) * 0.5) 0;
}
body * {
  --m: 0px;
  --mx: var(--m);
  --my: var(--m);
  --mt: var(--my);
  --mb: var(--my);
  --ml: var(--mx);
  --mr: var(--mx);
  --p: 0px;
  --px: var(--p);
  --py: var(--p);
  --pt: var(--py);
  --pb: var(--py);
  --pl: var(--px);
  --pr: var(--px);
  --br: 0px;
  --btr: var(--br);
  --bbr: var(--br);
  --brtl: var(--btr);
  --brtr: var(--btr);
  --brbl: var(--bbr);
  --brbr: var(--bbr);
  --f: var(--fs);
  --fw: 400;
  --lh: 1.2;
  --bw: 0px;
  --bc: var(--pc);
  --scbw: 6px;
  outline: none;
  font-size: var(--f);
  font-weight: var(--fw);
  line-height: var(--lh);
  color: var(--tx);
  margin: var(--mt) var(--mr) var(--mb) var(--ml);
  padding: var(--pt) var(--pr) var(--pb) var(--pl);
  border: var(--bw) solid var(--bc);
  border-radius: var(--brtl) var(--brtr) var(--brbr) var(--brbl);
}
body *.br-l {
  --brtl: var(--blr);
  --brbl: var(--blr);
}
body *.br-r {
  --brtr: var(--brr);
  --brbr: var(--brr);
}
body *.br-t {
  --brtl: var(--blr);
  --brtr: var(--brr);
}
body *.br-b {
  --brbl: var(--blr);
  --brbr: var(--brr);
}

.pri {
  --tx: var(--pc);
}

.pink {
  --tx: var(--pin);
}

.ora {
  --tx: var(--ora);
}

.bla {
  --tx: var(--bla) !important;
}

.blue {
  --tx: var(--blu);
}

.green {
  --tx: var(--gre);
}

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

::after,
::before,
.ul,
.before,
.after,
.p-a {
  position: absolute;
}

.p-r, .dro {
  position: relative;
}

.p-f {
  position: fixed;
}

.d_f, .row, .fle {
  display: flex;
}

.d_i {
  display: inline;
}

.d_if {
  display: inline-flex;
}

.d_ib {
  display: inline-block;
}

.d_b {
  display: block;
}

[hidden], .d_n, [data-inp] {
  display: none;
}

.ai_c, .fle {
  align-items: center;
}

.ai_st {
  align-items: stretch;
}

.ai_b {
  align-items: baseline;
}

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

.ai_fe {
  align-items: flex-end;
}

.jc_fs {
  justify-content: flex-start;
}

.jc_fe {
  justify-content: flex-end;
}

.jc_c, .fle {
  justify-content: center;
}

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

.jc_sa {
  justify-content: space-around;
}

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

.ta-s {
  text-align: start;
}

.ta-e {
  text-align: end;
}

.fw_w {
  flex-wrap: wrap;
}

.fw_nw {
  flex-wrap: nowrap;
}

small {
  --f: var(--f13);
}
small * {
  --f: inherit;
}

.qLinks:not(.h) {
  --mb: 16px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.qLinks:not(.h) a {
  --py: 6px;
  --px: 8px;
  --fs: 15px;
}

#wwsz {
  position: fixed;
  bottom: 10px;
  background: white;
  z-index: 20;
}

#upsTv {
  --p: 12px;
  --br: 8px;
  --fw: 500;
  position: fixed;
  bottom: 10px;
  right: 16px;
  background: var(--pc1);
  box-shadow: var(--sha1);
  z-index: 20;
}

#java {
  --p: 24px;
  --br: 10px;
  --fw: 500;
  z-index: 20;
  bottom: 20px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  background: var(--pc1);
  box-shadow: var(--sha1);
}

#tip {
  --ps: 5px;
  --pys: 10px;
  position: fixed;
  padding: var(--ps);
  z-index: 50;
  pointer-events: none;
  display: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 730px;
}
#tip span {
  background: #333;
  padding: var(--pys) 14px;
  border-radius: 5px;
  display: flex;
}
#tip small {
  --lh: 15px;
  color: #fff;
  width: 100%;
  overflow: hidden;
}

#preload {
  z-index: 20;
  inset: 0;
  background: var(--pc1);
}
#preload::after, #preload::before {
  --br: 50%;
  --s: 2s;
  --sd: -0.5s;
  content: "";
  border: 4px solid var(--pc);
  border-radius: var(--br);
  animation: preload var(--s) cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
#preload::after {
  animation-delay: var(--sd);
}

@keyframes preload {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }
  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}
.section {
  --py: var(--gut);
  --secs: 1;
  --sb: 32px;
}
.section.dk {
  --tx: var(--whi7);
  background: var(--dk);
}
.section.dk .crd {
  --bw: 1px;
  --bc: var(--whi1);
  box-shadow: var(--shaD);
}
.section.dk .prog {
  background: var(--whi07);
}
.section.fir {
  min-height: 100vh;
}
.section.fir section {
  min-height: calc(100vh - var(--gut) * 2);
}
.section.ord {
  --pb: 0px;
}
.section.ord .ordLoad {
  min-height: calc(100vh - var(--fh) - var(--hh) - var(--tm));
}
.section.ord .ordLoad + section {
  display: none;
}

section {
  --mx: auto;
  --px: var(--gutX);
  justify-content: space-between;
  align-items: center;
  display: flex;
  max-width: var(--maxw);
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

img, svg {
  min-width: var(--sz);
  max-width: var(--sz);
  min-height: var(--sz);
  max-height: var(--sz);
  vertical-align: middle;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}
img *, svg * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

svg.mor {
  --sz: 36px;
  --mr: 8px;
}
svg.mor circle {
  --i: 0.1s;
  --s: calc(var(--i) / 0.025);
  --tra: 0;
  --tra2: -20px;
  animation: bou var(--s) ease-in-out infinite;
}
svg.mor circle:nth-child(1) {
  animation: none;
}
svg.mor circle:nth-child(2) {
  animation-delay: 0s;
}
svg.mor circle:nth-child(3) {
  animation-delay: var(--i);
}
svg.mor circle:nth-child(4) {
  animation-delay: calc(var(--i) * 2);
}
svg.fi {
  --sz: 40px;
  --mr: 6px;
}
svg.fi rect {
  --br: 4px;
}
svg.fi text {
  --tx: var(--whi);
  --tx: white;
  --f: var(--f6);
  --fw: 500;
}

:root {
  --lw: 72px;
}

.lod-t {
  --fw: 500;
  --pt: 40px;
  --pb: 20px;
  font-size: 17px;
  position: relative;
  display: inline-block;
}
.lod-t span {
  --ml: 8px;
  display: inline-flex;
  width: 5px;
  height: 5px;
  animation: dots 1s linear infinite;
  background: var(--pct6);
}

.lod-s {
  width: 100%;
  height: 0px;
  position: relative;
}
.lod-s::after {
  content: "";
  border-radius: 50%;
  border: 5px solid red;
  border-color: transparent var(--pct06) var(--pct1) var(--pct2);
  width: var(--lw);
  aspect-ratio: 1/1;
  position: absolute;
  bottom: 8px;
  animation: rotate 0.8s linear 0s infinite, rotate 0.25s linear 1.5s infinite;
  left: calc(50% - var(--lw) * 0.5);
}

.shake {
  --s: 1s;
  animation: shake var(--s) ease-in-out infinite alternate-reverse both;
}

@keyframes shake {
  0% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(-8deg);
  }
}
@keyframes cb {
  0%, 23%, 25%, 48%, 50%, 73%, 75%, 98%, 100% {
    transform: translateY(0px);
  }
  24%, 49%, 74%, 99% {
    transform: translateY(calc((var(--sz) - var(--szb)) / 2));
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dots {
  0% {
    box-shadow: 10px 0 rgba(25, 135, 84, 0), 20px 0 rgba(25, 135, 84, 0);
  }
  50% {
    box-shadow: 10px 0 var(--pct4), 20px 0 rgba(25, 135, 84, 0);
  }
  100% {
    box-shadow: 10px 0 var(--pct2), 20px 0 var(--pct2);
  }
}
@keyframes bou {
  0%, 10%, 20%, 50%, 60%, 70%, 100% {
    transform: translateY(var(--tra1));
  }
  5%, 15%, 55%, 65% {
    transform: translateY(var(--tra2));
  }
}
.imp:not(.emp) {
  --s: 2s;
  --sz: var(--imp);
  --bw: 1px;
  --bc: var(--pct8);
  animation: pulse var(--s) infinite;
  animation-delay: 1s;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--pct8);
  }
  100% {
    box-shadow: 0 0 0 var(--sz) var(--pct0);
  }
}
i[data-lod] {
  --s: 1s;
  --br: 12px;
  --mt: 32px;
  --mx: calc((100% - var(--lw))/2);
  display: flex;
}
i[data-lod].d_n {
  --lw: 0;
}
i[data-lod] i {
  width: var(--lw);
  aspect-ratio: 1;
  display: grid;
  animation: l1 var(--s) infinite linear;
  /*
  &[l1] {
      --mg: 3px;
      --bw: 5px;
      --br: 50%;
      border-color: var(--pc3) transparent;
      &::before, &::after {
          margin: var(--mg);
          border: inherit;
          border-radius: 50%;
      }
      &::before {
          border-color: var(--pc8) transparent;
          animation: inherit;
          animation-duration: calc(var(--s) * 0.5);
          animation-direction: reverse;
      }
      &::after {
          margin: calc((var(--mg) * 2) + var(--bw));
      }
  }
      */
}
i[data-lod] i::before, i[data-lod] i::after {
  content: "";
  grid-area: 1/1;
  inset: 0;
}
i[data-lod] i[data-l2] {
  --s: 0.7s;
  -webkit-mask: conic-gradient(from 15deg, rgba(0, 0, 0, 0), #000);
  animation-timing-function: steps(12);
  background: radial-gradient(closest-side at 50% 12.5%, var(--pc8) 96%, rgba(0, 0, 0, 0)) 50% 0/20% 80% repeat-y, radial-gradient(closest-side at 12.5% 50%, var(--pc8) 96%, rgba(0, 0, 0, 0)) 0 50%/80% 20% repeat-x;
}
i[data-lod] i[data-l2]::before, i[data-lod] i[data-l2]::after {
  background: inherit;
  transform: rotate(30deg);
}
i[data-lod] i[data-l2]::after {
  transform: rotate(60deg);
}

@keyframes l1 {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes t2b_1 {
  0%, 64.65%, 100% {
    bottom: calc(var(--szc) * -1);
    transform: scale(0);
  }
  64.66% {
    transform: scale(1);
  }
  76%, 96% {
    bottom: calc((var(--szc) - var(--sz)) * 0.5);
    transform: scale(1);
  }
  99.5% {
    bottom: var(--szc);
    transform: scale(0);
  }
}
@keyframes t2b2_1 {
  0%, 71.68%, 100% {
    bottom: calc(var(--sz) * -1);
    transform: scale(0);
  }
  4.9% {
    transform: scale(1);
  }
  5%, 66.67% {
    bottom: calc((var(--szc) - var(--sz)) * 0.5);
    transform: scale(1);
  }
  71.67% {
    bottom: var(--szc);
  }
}
@keyframes t2b_2 {
  0%, 54.65%, 100% {
    bottom: calc(var(--szc) * -1);
    transform: scale(0);
  }
  54.66% {
    transform: scale(1);
  }
  55%, 96% {
    bottom: calc((var(--szc) - var(--sz)) * 0.5);
    transform: scale(1);
  }
  99.5% {
    bottom: var(--szc);
    transform: scale(0);
  }
}
@keyframes t2b2_2 {
  0%, 55.1%, 100% {
    bottom: calc(var(--sz) * -1);
    transform: scale(0);
  }
  4.9% {
    transform: scale(1);
  }
  5%, 50% {
    bottom: calc((var(--szc) - var(--sz)) * 0.5);
    transform: scale(1);
  }
  55% {
    bottom: var(--szc);
  }
}
@keyframes t2b {
  0%, 14%, 100% {
    bottom: calc(var(--szc) * -1);
  }
  0.9% {
    transform: scale(1);
  }
  1%, 11.11% {
    bottom: calc((var(--szc) - var(--sz)) * 0.5);
    transform: scale(1);
  }
  12% {
    bottom: calc((var(--szc) - var(--sz)) * 1.5);
    transform: scale(0);
  }
}
@keyframes t2b2 {
  0%, 46%, 100% {
    bottom: calc(var(--szc) * -1);
    transform: scale(0);
  }
  0.9% {
    transform: scale(1);
  }
  1%, 44.44% {
    bottom: calc((var(--szc) - var(--sz)) * 0.5);
    transform: scale(1);
  }
  45% {
    bottom: calc((var(--szc) - var(--sz)) * 1.5);
    transform: scale(0);
  }
}
/*
.tx, .tx-Img svg {
    --s: 1.5s;
    animation: tx var(--s) ease-in-out infinite alternate-reverse both;
}
@keyframes tx {
	0% {
		transform: translateX(var(--tra1));
	}
	100% {
		transform: translateX(var(--tra2));
	}
}
.ty, .ty-Img svg {
    --s: 1.5s;
    animation: ty var(--s) ease-in-out infinite alternate-reverse both;
}
@keyframes ty {
	0% {
		transform: translateY(var(--tra1));
	}
	100% {
		transform: translateY(var(--tra2));
	}
}
.txy, .txy-Img svg {
    --s: 1.5s;
    animation: txy var(--s) ease-in-out infinite alternate-reverse both;
}
@keyframes txy {
	0% {
		transform: translateY(var(--tra1)) translateX(var(--tra1));
	}
	100% {
		transform: translateY(var(--tra2)) translateX(var(--tra2));
	}
}
.bou { //delete//
    --tra: 0;
    --tra2: -20px;
    animation: bou var(--s) ease-in-out infinite;
}


.l2r, .l2r-img svg {
    --s: 1.5s;
    -webkit-animation: left-right var(--s) ease-in-out infinite alternate-reverse both;
    animation: left-right var(--s) ease-in-out infinite alternate-reverse both;
}

@keyframes left-right {
	0% {
		opacity: 0.3;
		transform: translateX(calc((var(--l2r-w) * -1)));
	}
	80% {
		opacity: 0.8;
		transform: translateX(var(--l2r-w)) rotate(0deg);
	}
	81% {
		opacity: 1;
		transform: translateX(var(--l2r-w)) rotate(-12deg);
	}
	100% {
		transform: translateX(var(--l2r-w)) rotate(12deg);
	}
}

.spin, .spin-img svg {
    --s: 3s;
    -webkit-animation: spin var(--s) linear infinite;
    animation: spin var(--s) linear infinite;
    background: transparent;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}




*/
.p_0 {
  --p: 0px;
}

.p_2 {
  --p: 2px;
}

.p_4 {
  --p: 4px;
}

.p_6 {
  --p: 6px;
}

.p_8 {
  --p: 8px;
}

.p_10 {
  --p: 10px;
}

.p_12 {
  --p: 12px;
}

.p_16 {
  --p: 16px;
}

.p_20 {
  --p: 20px;
}

.p_24 {
  --p: 24px;
}

.p_28 {
  --p: 28px;
}

.p_32 {
  --p: 32px;
}

.p_36 {
  --p: 36px;
}

.px_0 {
  --px: 0px;
}

.px_2 {
  --px: 2px;
}

.px_4 {
  --px: 4px;
}

.px_6 {
  --px: 6px;
}

.px_8 {
  --px: 8px;
}

.px_10 {
  --px: 10px;
}

.px_12 {
  --px: 12px;
}

.px_16 {
  --px: 16px;
}

.px_20 {
  --px: 20px;
}

.px_24 {
  --px: 24px;
}

.px_28 {
  --px: 28px;
}

.px_32 {
  --px: 32px;
}

.px_36 {
  --px: 36px;
}

.py_0 {
  --py: 0px;
}

.py_2 {
  --py: 2px;
}

.py_4 {
  --py: 4px;
}

.py_6 {
  --py: 6px;
}

.py_8 {
  --py: 8px;
}

.py_10 {
  --py: 10px;
}

.py_12 {
  --py: 12px;
}

.py_16 {
  --py: 16px;
}

.py_20 {
  --py: 20px;
}

.py_24 {
  --py: 24px;
}

.py_28 {
  --py: 28px;
}

.py_32 {
  --py: 32px;
}

.py_36 {
  --py: 36px;
}

.pr_0 {
  --pr: 0px;
}

.pr_2 {
  --pr: 2px;
}

.pr_4 {
  --pr: 4px;
}

.pr_6 {
  --pr: 6px;
}

.pr_8 {
  --pr: 8px;
}

.pr_10 {
  --pr: 10px;
}

.pr_12 {
  --pr: 12px;
}

.pr_16 {
  --pr: 16px;
}

.pr_20 {
  --pr: 20px;
}

.pr_24 {
  --pr: 24px;
}

.pr_28 {
  --pr: 28px;
}

.pr_32 {
  --pr: 32px;
}

.pr_36 {
  --pr: 36px;
}

.pl_0 {
  --pl: 0px;
}

.pl_2 {
  --pl: 2px;
}

.pl_4 {
  --pl: 4px;
}

.pl_6 {
  --pl: 6px;
}

.pl_8 {
  --pl: 8px;
}

.pl_10 {
  --pl: 10px;
}

.pl_12 {
  --pl: 12px;
}

.pl_16 {
  --pl: 16px;
}

.pl_20 {
  --pl: 20px;
}

.pl_24 {
  --pl: 24px;
}

.pl_28 {
  --pl: 28px;
}

.pl_32 {
  --pl: 32px;
}

.pl_36 {
  --pl: 36px;
}

.pt_0 {
  --pt: 0px;
}

.pt_2 {
  --pt: 2px;
}

.pt_4 {
  --pt: 4px;
}

.pt_6 {
  --pt: 6px;
}

.pt_8 {
  --pt: 8px;
}

.pt_10 {
  --pt: 10px;
}

.pt_12 {
  --pt: 12px;
}

.pt_16 {
  --pt: 16px;
}

.pt_20 {
  --pt: 20px;
}

.pt_24 {
  --pt: 24px;
}

.pt_28 {
  --pt: 28px;
}

.pt_32 {
  --pt: 32px;
}

.pt_36 {
  --pt: 36px;
}

.pb_0 {
  --pb: 0px;
}

.pb_2 {
  --pb: 2px;
}

.pb_4 {
  --pb: 4px;
}

.pb_6 {
  --pb: 6px;
}

.pb_8 {
  --pb: 8px;
}

.pb_10 {
  --pb: 10px;
}

.pb_12 {
  --pb: 12px;
}

.pb_16 {
  --pb: 16px;
}

.pb_20 {
  --pb: 20px;
}

.pb_24 {
  --pb: 24px;
}

.pb_28 {
  --pb: 28px;
}

.pb_32 {
  --pb: 32px;
}

.pb_36 {
  --pb: 36px;
}

[class*=m_] {
  --m: auto;
}

[class*=mx_] {
  --mx: auto;
}

[class*=my_] {
  --my: auto;
}

[class*=mr_] {
  --mr: auto;
}

[class*=ml_] {
  --ml: auto;
}

[class*=mt_] {
  --mt: auto;
}

[class*=mb_] {
  --mb: auto;
}

.m_0 {
  --m: 0px;
}

.m_2 {
  --m: 2px;
}

.m_4 {
  --m: 4px;
}

.m_6 {
  --m: 6px;
}

.m_8 {
  --m: 8px;
}

.m_10 {
  --m: 10px;
}

.m_12 {
  --m: 12px;
}

.m_16 {
  --m: 16px;
}

.m_20 {
  --m: 20px;
}

.m_24 {
  --m: 24px;
}

.m_28 {
  --m: 28px;
}

.m_32 {
  --m: 32px;
}

.m_36 {
  --m: 36px;
}

.mx_0 {
  --mx: 0px;
}

.mx_2 {
  --mx: 2px;
}

.mx_4 {
  --mx: 4px;
}

.mx_6 {
  --mx: 6px;
}

.mx_8 {
  --mx: 8px;
}

.mx_10 {
  --mx: 10px;
}

.mx_12 {
  --mx: 12px;
}

.mx_16 {
  --mx: 16px;
}

.mx_20 {
  --mx: 20px;
}

.mx_24 {
  --mx: 24px;
}

.mx_28 {
  --mx: 28px;
}

.mx_32 {
  --mx: 32px;
}

.mx_36 {
  --mx: 36px;
}

.my_0 {
  --my: 0px;
}

.my_2 {
  --my: 2px;
}

.my_4 {
  --my: 4px;
}

.my_6 {
  --my: 6px;
}

.my_8 {
  --my: 8px;
}

.my_10 {
  --my: 10px;
}

.my_12 {
  --my: 12px;
}

.my_16 {
  --my: 16px;
}

.my_20 {
  --my: 20px;
}

.my_24 {
  --my: 24px;
}

.my_28 {
  --my: 28px;
}

.my_32 {
  --my: 32px;
}

.my_36 {
  --my: 36px;
}

.mr_0 {
  --mr: 0px;
}

.mr_2 {
  --mr: 2px;
}

.mr_4 {
  --mr: 4px;
}

.mr_6 {
  --mr: 6px;
}

.mr_8 {
  --mr: 8px;
}

.mr_10 {
  --mr: 10px;
}

.mr_12 {
  --mr: 12px;
}

.mr_16 {
  --mr: 16px;
}

.mr_20 {
  --mr: 20px;
}

.mr_24 {
  --mr: 24px;
}

.mr_28 {
  --mr: 28px;
}

.mr_32 {
  --mr: 32px;
}

.mr_36 {
  --mr: 36px;
}

.ml_0 {
  --ml: 0px;
}

.ml_2 {
  --ml: 2px;
}

.ml_4 {
  --ml: 4px;
}

.ml_6 {
  --ml: 6px;
}

.ml_8 {
  --ml: 8px;
}

.ml_10 {
  --ml: 10px;
}

.ml_12 {
  --ml: 12px;
}

.ml_16 {
  --ml: 16px;
}

.ml_20 {
  --ml: 20px;
}

.ml_24 {
  --ml: 24px;
}

.ml_28 {
  --ml: 28px;
}

.ml_32 {
  --ml: 32px;
}

.ml_36 {
  --ml: 36px;
}

.mt_0 {
  --mt: 0px;
}

.mt_2 {
  --mt: 2px;
}

.mt_4 {
  --mt: 4px;
}

.mt_6 {
  --mt: 6px;
}

.mt_8 {
  --mt: 8px;
}

.mt_10 {
  --mt: 10px;
}

.mt_12 {
  --mt: 12px;
}

.mt_16 {
  --mt: 16px;
}

.mt_20 {
  --mt: 20px;
}

.mt_24 {
  --mt: 24px;
}

.mt_28 {
  --mt: 28px;
}

.mt_32 {
  --mt: 32px;
}

.mt_36 {
  --mt: 36px;
}

.mb_0 {
  --mb: 0px;
}

.mb_2 {
  --mb: 2px;
}

.mb_4 {
  --mb: 4px;
}

.mb_6 {
  --mb: 6px;
}

.mb_8 {
  --mb: 8px;
}

.mb_10 {
  --mb: 10px;
}

.mb_12 {
  --mb: 12px;
}

.mb_16 {
  --mb: 16px;
}

.mb_20 {
  --mb: 20px;
}

.mb_24 {
  --mb: 24px;
}

.mb_28 {
  --mb: 28px;
}

.mb_32 {
  --mb: 32px;
}

.mb_36 {
  --mb: 36px;
}

.br_0 {
  --br: 0px;
}

.br_2 {
  --br: 2px;
}

.br_4 {
  --br: 4px;
}

.br_6 {
  --br: 6px;
}

.br_8 {
  --br: 8px;
}

.br_10 {
  --br: 10px;
}

.br_12 {
  --br: 12px;
}

.br_16 {
  --br: 16px;
}

.br_20 {
  --br: 20px;
}

.br_24 {
  --br: 24px;
}

.br_28 {
  --br: 28px;
}

.br_32 {
  --br: 32px;
}

.br_36 {
  --br: 36px;
}

.br_50 {
  --br: 50%;
}

.br_75 {
  --br: 75%;
}

.br_100 {
  --br: 100%;
}

.b-n,
.b-0 {
  border: none;
}

[data-tab]:not(.togg) {
  display: flex;
}
[data-tab]:not(.togg) a.liv {
  background: var(--pct1);
}

.togg {
  --brs: 8px;
  --p: 8px;
  display: flex;
  background: var(--pct06);
  position: relative;
  flex-wrap: wrap;
}
.togg:not([data-tab="#logTabs"]) {
  --px: 24px;
}
.togg[class*=br_] {
  --br: 0px;
}
.togg a {
  --br: var(--brs);
  --px: 12px;
  --py: 8px;
}
.togg .h-lit {
  --br: var(--brs);
  position: absolute;
  background: var(--pct3);
  transition: all 0.2s ease;
  cursor: pointer;
  z-index: -1;
}

.tabCont {
  --pb: 20px;
  min-height: 100px;
  width: 100%;
  overflow-y: auto;
}
.tabCont .cont:not(.liv):not(.init) {
  display: none;
}

[data-acco] {
  --pxs: 20px;
  --pys: 16px;
  --sz: 26px;
  --thick: 2px;
  --hs: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
[data-acco]:not(#mes-all) {
  --pt: 20px;
}
[data-acco]:not(#mes-all).plus .itm.sho a.tr span::after {
  transform: rotate(0deg);
}
[data-acco]:not(#mes-all).plus .itm a.tr .icn {
  --br: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-acco]:not(#mes-all).plus .itm a.tr .icn::after, [data-acco]:not(#mes-all).plus .itm a.tr .icn::before {
  content: "";
  width: calc(var(--sz) * 0.5);
  height: var(--thick);
  background: var(--tx);
}
[data-acco]:not(#mes-all).plus .itm a.tr .icn::after {
  transform: rotate(90deg);
  transition: transform var(--ssa) ease;
}
[data-acco]:not(#mes-all) .itm {
  --bw: 1px;
  --my: 10px;
  --mx: auto;
}
[data-acco]:not(#mes-all) .itm:not([data-ord]) {
  --br: 14px;
  max-width: 900px;
}
[data-acco]:not(#mes-all) .itm:not([data-ord]) .tr {
  --pr: calc(var(--pxs) + var(--sz) + 16px);
}
[data-acco] .itm {
  --bc: var(--pc3);
  background: var(--pct04);
  transition: height var(--ssa) ease;
  height: var(--hs);
  width: 100%;
  overflow: hidden;
}
[data-acco] .itm.new .tr p:first-of-type svg:not(.g6):not(.label svg) {
  stroke: var(--tx);
  stroke-width: 0.4px;
}
[data-acco] .itm.new .tr * {
  --fw: 600;
}
[data-acco] .itm[data-ord] * {
  --fw: 500;
}
[data-acco] .itm[data-ord] {
  --br: 6px;
}
[data-acco] .itm[data-ord]:not(.sho) .tr svg {
  transform: rotate(180deg);
}
[data-acco] .itm[data-ord] .tr {
  cursor: pointer;
}
[data-acco] .itm[data-ord] .tr svg {
  --mt: -4px;
  --tx: var(--pc4);
}
[data-acco] .itm .tr {
  --px: var(--pxs);
  --py: var(--pys);
  text-wrap: wrap;
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
[data-acco] .itm .tr .icn {
  position: absolute;
  right: var(--pxs);
  width: var(--sz);
  height: var(--sz);
  background: var(--pct1);
}
[data-acco] .itm .tr .icn:hover {
  background: var(--pct2);
}
[data-acco] .itm .tr + div {
  --f: 15px;
  --px: var(--pxs);
  --pb: var(--pys);
}
[data-acco] .itm .tr + div * {
  --f: inherit;
}

[data-accoc].itm .tr {
  --fw: 600;
  --lh: 40px;
  --f: var(--f18);
  --px: var(--pxs);
  display: flex;
  justify-content: space-between;
  white-space: wrap;
  min-height: var(--lh);
}
[data-accoc].itm .tr p {
  --mb: 0px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
[data-accoc].itm .tr + div {
  --px: var(--pxs);
  --pt: 8px;
  --pb: 16px;
  text-align: left;
  white-space: pre-wrap;
}
[data-accoc].n * {
  --fw: 600;
}
[data-accoc].n .tr {
  background: var(--pct06);
}
[data-accoc]:not(.n) {
  --bcs: var(--pc5);
}
[data-accoc]:not(.n) * {
  --fw: 500;
}

/*
[data-tab]:not(.togg), [data-filt] {
    --brs: 8px;
    --mxs: 4px;
    --px: 6px;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    &.vert {
        flex-direction: column;
    }
    a {
        --bw: 1px;
        --bc: var(--pct08);
        --br: var(--brs);
        --mt: 12px;
        --mx: 6px;
        background: var(--pct04);
        &.liv {
            background: var(--pct2);
        }
        &:not(.liv):hover {
            --bc: var(--pct2);
            background: var(--pct1);
        }
    }
    +.tabCont {
        --mt: 12px;
    }
}
.tabCont {
    //--p: 20px;
    --br: 8px;
    //background: var(--pct06);
    width: 100%;

}
.filtCont {
    --py: 16px;
    --pb: 24px;
    --pxs: 24px;

    .itm {
        &:not(.liv) {
            display: none;
        }
    }
}
[data-acco] {
    .aco {
        transition: height var(--ssa) ease;
        height: var(--hs);
        overflow: hidden;
        &.itm {
            --bw: var(--bws);
            --br: var(--brs);
            height: var(--hs);
            .tr {
                --fw: 600;
                --lh: 40px;
                --f: var(--f18);
                --px: var(--pxs);
                display: flex;
                justify-content: space-between;
                white-space: wrap;
                min-height: var(--lh);
                cursor: pointer;
                p {
                    --mb: 0px;
                    display: flex;
                    align-items: center;
                    width: fit-content;
                }
                &+div {
                    //--lh: 1.4;
                    //--fw: 500;
                    --px: var(--pxs);
                    --pt: 8px;
                    --pb: 16px;
                    text-align: left;
                    white-space: pre-wrap;
                }
            }
        }
        &[data-ord] {
            &:not(.liv) {
                .tr {
                    svg {
                        transform: rotate(180deg);
                    }
                }
            }
            .tr {
                cursor: pointer;
                svg {
                    --mt: -4px;
                    --tx: var(--pc4);
                }
            }
        }
        &.n {
            * {
                --fw: 600;
            }
            .tr {
                background: var(--pct06);
            }
        }
        &:not(.n) {
            --bcs: var(--pc5);
            * {
                --fw: 500;
            }
        }
    }
}













*/
/*
[filt], [tab] {
    --mxs: 4px;
    --brs: 8px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
[filt] {
    a {
        --br: 8px;
        &:hover {
            --tx: inherit;
            background: var(--pct06);
        }
        &.liv {
            --tx3: var(--bla7);
            --tx4: var(--bla7);
            background: var(--pct1);
        }
    }
}
[tab] {
    &.eq {
        a {
            width: calc(100% / var(--secs));
            white-space: wrap;
        }
    }
    /*
    &:not(#versions):not(#stat) {
        a {
            --tx: inherit;
            --mb: 4px;
            --br: var(--brs);
            --mx: var(--mxs);
            &.liv {
                background: var(--pct2);
            }
            &:not(.liv):hover {
                background: var(--pct06);
                border-color: var(--pct2);
            }
        }
    }
        */ /*
    &.filt + .tab-cont {
        .itm {
            &:not(.sho) {
                display: none;
            }
        }
    }
}
.filt-cont {
    width: 100%;
    .itm {
        &:not(.vis) {
            display: none;
        }
    }
}
.tab-cont {
    --s: 0.4s;
    width: 100%;
    height: 100%;
    position: relative;
    perspective: 1000px; /* Add perspective for 3D effect */ /*
    &.flip {
        --s: 1s;
        --s: 3s;
        transform-style: preserve-3d;
        transition: transform var(--s), height 0.15s;
        &.fl {
            transform: rotateY(180deg);
        }
        .cont {
            background: var(--whi);
            backface-visibility: hidden;
            inset: 0;
        }
    }
    .cont {
        &.visi {
            height: auto !important;
            position: relative !important;
        }
        &:not(.liv):not(.visi) {
            display: none;
        }
        .crd:not(.sli) {
            --mt: 12px;
            --mb: 0px;
        }
    }
}
[acco] {
    --bws: 2px;
    --brs: 12px;
    --bcs: var(--pc2);

    &.tab-cont {
        --mx: auto;
        width: 80%;
    }
    .itm {
        --bw: var(--bws);
        --br: var(--brs);
        overflow: hidden;
        transition: height var(--ssa) ease;
        height: var(--hs);
        .tr {
            --fw: 600;
            --lh: 40px;
            --f: var(--f18);
            --px: var(--pxs);
            display: flex;
            justify-content: space-between;
            white-space: wrap;
            height: var(--lh);
            width: 100%;
            cursor: pointer;
            svg {
                --mr: 6px;
            }
            &.emp {
                --mb: 8px;
            }
            span:not(.plus):not(.but) {
                width: 86px;
                text-align: left;
            }
            .plus {
                --ml: 16px;
                --p: 20px;
            }


        }
        &+.itm {
            --mt: 12px;
        }
    }
}

.tabs {
    display: flex;
    &:not(.verti) {
        flex-direction: column;
    }
    &.rev {
        flex-direction: column-reverse;
    }
    .wrap {
        h5 {
            --mb: 4px;
        }
    }
    .tab-cont {
        --py: 16px;
    }
    .cont {
        transition: all 0.3s;
        &:not(.active) {
            //transform: scale(0);
            //height: 0;
            display: none;
        }
        h5 {
            --mb: 8px;
        }
    }
}
*/
.c-p, .ch, [class*=btn-], a, button, label, input {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.c-a {
  cursor: auto;
}

.c-m {
  cursor: move;
}

a {
  --fw: 600;
  --px: 16px;
  --py: 12px;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  /*&.xx { //delete//
      --ml: 8px;
      --px: 10px;
      --py: 10px;
      --br: 50%;
      background: var(--pct06);
      &:hover {
          background: var(--pct1);
      }
  }
      */
  /*
  &.sub {
      --px: 24px;
      width: fit-content;
  }
  .plus {
      --br: 50%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      background: var(--pct1);
      &:hover {
          background: var(--pct2);
      }
      &::after, &::before {
          content: '';
          width: 18px;
          height: 2px;
          background: var(--tx);
          transform: rotate(0);
          transition: all var(--s) ease;
      }

  }
  &:not(.liv) {
      .plus {
          &::after {
              transform: rotate(90deg);
          }
      }
  }
      */
}
a.ar {
  --px: 20px;
  --pxs: var(--px);
}
a.ar svg {
  --ml: 3px;
}
a.ar:hover svg {
  transform: translateX(calc(var(--pxs) - 8px));
}
a.no-ani:hover * {
  animation: none;
}
a:hover {
  --tx: var(--pc);
}
a * {
  --fw: inherit;
}

.logo {
  --sz: 26px;
  --tx: var(--pc);
  font-family: var(--alconica);
}
.logo img {
  --mr: 6px;
  --mt: -4px;
}

[class*=btn-] {
  --py: 12px;
  --px: 16px;
  --br: 6px;
  --fw: 600;
  --bw: 1px;
  --bc: transparent;
  --tx: var(--whi);
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  opacity: 0.99;
}
[class*=btn-] svg {
  --tx: inherit;
}
[class*=btn-]:hover, [class*=btn-][disa] {
  --tx: var(--whi);
  opacity: 0.6;
}
[class*=btn-].btn-p {
  background: var(--pc);
}
[class*=btn-].btn-p1 {
  --tx: inherit;
  background: var(--pct1);
}
[class*=btn-].btn-p4 {
  background: var(--pc4);
}
[class*=btn-].btn-p6 {
  background: var(--pc6);
}
[class*=btn-].btn-p8 {
  background: var(--pc8);
}
[class*=btn-].btn-s {
  background: var(--dk4);
}
[class*=btn-].btn-d {
  background: var(--inv);
}
[class*=btn-].btn-o {
  --bw: 2px;
  --bc: var(--pc);
  --tx: var(--pc);
}
[class*=btn-].btn-o:hover {
  background-image: var(--bgwht);
}
[class*=btn-].btn-i {
  --tx: var(--pc);
  margin: 0;
  padding: 0;
  text-wrap: wrap;
  display: inline !important;
}
[class*=btn-].sm {
  --py: 8px;
  --px: 12px;
}
[class*=btn-].mor {
  --mx: auto;
}

.btns {
  --fs-n: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.btns [class*=btn-]:not([class*=py_]) {
  --py: 8px;
}
.btns [class*=btn-]:not([class*=py_]) + [class*=btn-] {
  --ml: 12px;
}
.btns span:not(.na) {
  --fw: 700;
  --f: var(--fs-n);
  --mr: 8px;
  font-family: var(--tangerine);
}

h1, h2, h3, h4, h5, h6, p {
  --mb: 16px;
  --f: var(--f16);
  --fw: 600;
  --lh: 1.1;
  display: inline-block;
  width: 100%;
  text-align: start;
}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, p * {
  --px: 0px;
  --py: 0px;
  --f: inherit;
  --fw: inherit;
}
h1 *:not([class*=d_]), h2 *:not([class*=d_]), h3 *:not([class*=d_]), h4 *:not([class*=d_]), h5 *:not([class*=d_]), h6 *:not([class*=d_]), p *:not([class*=d_]) {
  display: inline;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a {
  --fw: 600;
  --tx: var(--pc);
  white-space: normal;
}
h1.fw_600, h2.fw_600, h3.fw_600, h4.fw_600, h5.fw_600, h6.fw_600, p.fw_600 {
  font-weight: 600;
}

h3 {
  --f: var(--f24);
}

h5, h6, p {
  --fw: 500;
}
h5 a:hover, h6 a:hover, p a:hover {
  --tx: var(--pc6);
}

h2 {
  --f: var(--f48);
}
h2 + p {
  --f: var(--f22);
  --mb: 32px;
  --lh: 1.25;
  opacity: 0.7;
  font-style: italic;
}
h2 + p span {
  --tx: var(--pc);
}

h1 {
  --f: var(--f48);
}

p {
  --lh: 1.5;
}

@media screen and (max-width: 900px) {
  h3 {
    --f: var(--f22);
  }
  h2 {
    --f: var(--f36);
  }
  h2 + p {
    --f: var(--f20);
  }
}
@media screen and (max-width: 500px) {
  h2 {
    --f: var(--f32);
  }
  h2 + p {
    --f: var(--f18);
  }
}
@media screen and (max-width: 340px) {
  h3 {
    --f: var(--f20);
  }
  h2 {
    --f: var(--f28);
  }
  h2 + p {
    --f: var(--f17);
  }
}
.mile-crd {
  --sb: 20px;
  --w1: 120px;
  --w2: 5px;
  --w3: calc(100% - var(--w1) - var(--w2) - (var(--sb) * 2));
  --bg-c: var(--pc2);
  display: flex;
  flex-wrap: nowrap;
}
.mile-crd.futu span, .mile-crd.futu strong {
  opacity: 0.3;
}
.mile-crd.used {
  --bg-c: var(--dk6);
}
.mile-crd.acti {
  --bg-c: var(--gre);
}
.mile-crd.expi {
  --bg-c: var(--red);
}
.mile-crd:first-of-type small {
  border-radius: 5px 5px 0 0;
}
.mile-crd:last-of-type small {
  border-radius: 0 0 5px 5px;
}
.mile-crd * {
  --py: 12px;
  text-wrap: nowrap;
  text-align: left;
}
.mile-crd strong {
  --pr: var(--sb);
  width: var(--w1);
  opacity: 0.7;
}
.mile-crd small {
  width: var(--w2);
  background: var(--pct1);
  position: relative;
}
.mile-crd small::after {
  --sz: 14px;
  content: "";
  left: calc(50% - var(--sz) / 2);
  top: calc(50% - var(--sz) / 2);
  width: var(--sz);
  height: var(--sz);
  border-radius: 50%;
  background: var(--bg-c);
  border: 1px solid var(--dwhite);
}
.mile-crd span {
  --fw: 500;
  --pl: var(--sb);
  width: var(--w3);
}

.coup-crd {
  --py: 20px;
  --px: 30px;
  --br: 15px;
  background: linear-gradient(135deg, var(--pc2), var(--pc8));
  position: relative;
}
.coup-crd .semi {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.coup-crd .semi.right {
  right: 0;
  left: auto;
}
.coup-crd p {
  --mb: 8px;
}
.coup-crd small {
  --f: 14px;
}
.coup-crd + .coup-crd {
  --mt: 12px;
}

.coun-crd .crd {
  flex-direction: column;
  background: var(--bi1);
}
.coun-crd .crd:not(.d_n) {
  display: flex;
}
.coun-crd .crd svg {
  --sz: 30px;
  --mb: 8px;
  --mx: auto;
}
.coun-crd .crd strong:first-of-type {
  --fw: 700;
  --mb: 8px;
  --f: 32px;
  --tx: var(--pc8);
}

.crds-fx {
  --w: calc((100% - ((var(--secs) - 1) * var(--sb))) / var(--secs));
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.crds-fx .itm {
  --w: calc((100% - ((var(--secs) - 1) * var(--sb))) / var(--secs));
  --p: 20px;
  width: var(--w);
}
.crds-fx .itm:not(.nm-r) {
  --mr: var(--sb);
}
.crds-fx .itm:not(.nm-b) {
  --mb: var(--sb);
}

.emp:not(.nf) {
  --px: 24px;
  --py: 32px;
  --lh: 1.4;
  --fw: 500;
  display: block;
}
.emp:not(.nf) *:not(strong) {
  --fw: 500;
}

.conta {
  --mt: 12px;
  display: block;
}

.rrtt.emp {
  --sz: 60px;
  --pt: 0px;
  --pb: 0px;
  box-shadow: none;
  position: relative;
  height: var(--sz);
  display: flex;
  align-items: center;
}
.rrtt.emp * {
  --mx: auto;
  --fw: 600;
}
.rrtt.emp p {
  --mb: 0px;
  text-transform: uppercase;
}
.rrtt.emp svg {
  opacity: 0.1;
  position: absolute;
  inset: 0;
}

.badge {
  --sz: 20px;
  --fw: 600;
  --px: 6px;
  --lh: var(--sz) !important;
  --tx: var(--whi);
  --br: calc(var(--sz) * 0.5);
  font-size: var(--f12) !important;
  background: var(--dan);
  text-align: center;
  min-width: var(--sz);
  height: var(--sz);
}
.badge.up {
  --mr: -16px;
  transform: translate(var(--mr), -12px);
}
.badge:empty {
  display: none;
}

.crd {
  --br: 16px;
  box-shadow: var(--sha);
  overflow: hidden;
  position: relative;
  text-align: center;
  /*
  &:not(.p-up) {

      --mr: var(--sb);
      --mb: var(--sb);
      text-align: center;
      //width: calc(((100% - (var(--sb) * (var(--secs) - 1))) / var(--secs))) !important;
  }
      */
}
.crd.empt p + p {
  font-style: italic;
  opacity: 0.4;
}
.crd.miles {
  max-width: var(--mileW);
}
.crd h1 {
  --f: 24px;
  opacity: 0.6;
}
.crd.p-up {
  --br: 8px;
  background: var(--pc2);
  position: fixed;
  z-index: 16;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 300px;
  width: calc(100% - var(--gutX));
  max-width: 480px;
}
.crd.p-up.ind .bd {
  --ind: 26px;
}
.crd.p-up.ind .bd p {
  --pl: var(--ind);
  position: relative;
}
.crd.p-up.ind .bd p span.ind {
  position: absolute;
  left: 0;
  top: 3px;
}
.crd.p-up .hd, .crd.p-up .bd {
  --p: var(--ps);
  --py: var(--pys);
  text-align: start;
  display: block;
}
.crd.p-up .hd {
  --f: var(--f20);
  --fw: 600;
  --f: var(--f22);
}
.crd.p-up .hd * {
  --fw: 600;
}
.crd.p-up .hd.bg {
  background: var(--pct2);
}
.crd.p-up .hd svg.x {
  --ml: 12px;
}
.crd.p-up .bd {
  --lh: 1.3;
  --pb: var(--pys);
  --pt: 0;
}
.crd.p-up .bd p {
  --lh: inherit;
  --mb: 4px;
}
.crd.p-up a {
  --my: 9px;
  --mx: auto;
}
.crd:not(.ord):not(.p_0):not(.p-up) {
  --p: 30px;
  --py: 36px;
}
.crd * strong * {
  --fw: inherit;
}

.crds {
  display: flex;
  flex-wrap: wrap;
}
.crds.bal {
  --sb: 32px;
  --secs: 4;
  justify-content: space-between;
}
.crds.bal .crd:nth-child(4) {
  --mr: 0;
}
.crds.bal .crd span {
  --mx: auto;
  display: flex;
  justify-content: center;
}

/*


.wrap {
    width: 100%;
}

.card {
    --brs: 12px;
    --bws: 1px;
    --bcs: var(--pc);
    --ps: 24px;
    .head, .hd {
        --btr: var(--brs);
        --bw: var(--bws);
        --p: var(--ps);
        --pb: calc(var(--ps) * 0.5);
        --fw: 600;
        --f: var(--f20);
        display: flex;
        justify-content: space-between;
        border-bottom: 0;
        * {
            --fw: inherit;
            --f: inherit;
        }
        &.bg {
            background: var(--pc2);
        }
        svg {
            cursor: pointer;
            &:hover {
                --tx: var(--pc);
                background: var(--pc1);
            }
        }
    }
    .body, .bd {
        --bw: var(--bws);
        --p: var(--ps);
        --py: calc(var(--ps) * 0.5);
        border-width: 0 var(--bw);
        &.fw_nw {
            .wrap {
                flex-wrap: nowrap;
                //flex-direction: column;
            }
        }
        .wrap {
            align-items: center;
            flex-wrap: wrap;
            &:not(.d_n) {
                display: flex;
            }
            span {
                &.label, &.input {
                    width: auto;
                }
            }
        }
    }
    .foot {
        --bbr: var(--brs);
        --bw: var(--bws);
        --p: var(--ps);
        --py: calc(var(--ps) * 0.3);
        border-top: 0;
        &.bg {
            background: var(--pc06);
        }
    }
    .card {
        --bw: 0px;
    }
}
*/
/*html.dh .dro:hover {
    a {
        svg.cd {
            transform: rotate(180deg);
        }
    }
    .ul {
        display: block;
        top: calc(100% + 12px);
        transition: top 0.1s ease;
    }
}
    */
.dro.op.done .ul, .dro:is(html.dh .dro:hover).done .ul {
  top: calc(100% + 12px);
  transition: top 0.1s ease;
}
.dro.op a svg.cd, .dro:is(html.dh .dro:hover) a svg.cd {
  transform: rotate(180deg);
}
.dro.op .ul, .dro:is(html.dh .dro:hover) .ul {
  display: block;
}
.dro #user + .ul a span:first-of-type {
  --mr: 12px;
}
.dro .ul {
  --br: 8px;
  --py: 12px;
  --bw: 0px;
  --bc: var(--hbc);
  display: none;
  top: calc(100% + 28px);
  min-width: 140px;
  right: 16px;
  background: var(--db);
  z-index: 11;
  box-shadow: var(--sha2);
}
.dro .ul::after {
  --sz: 15px;
  content: "";
  width: var(--sz);
  height: var(--sz);
  right: 20px;
  transform: rotate(45deg);
  top: calc(var(--bw) * -1 - var(--sz) * 0.5 + 0.5px);
  background: inherit;
}
.dro .ul a:hover, .dro .ul a:focus {
  background: var(--pct1);
}
.dro .ul a.liv {
  background: var(--pct3);
}

.bi1 {
  background: var(--bi1);
}

.semi {
  width: var(--sz);
  height: calc(var(--sz) * 2);
  background: var(--whi);
  border-radius: 0 var(--sz) var(--sz) 0;
}
.semi.right {
  border-radius: var(--sz) 0 0 var(--sz);
}
.semi::after {
  content: "";
  width: inherit;
  height: inherit;
  background: var(--pc1);
  border-radius: inherit;
  inset: 0;
}

div.cop {
  --pys: 10px;
  --pxs: 16px;
  --mb: 8px;
  --brs: 12px;
  --bws: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.cop code {
  --px: var(--pxs);
  --py: var(--pys);
  border: var(--bws) dashed var(--whi);
  border-right: 0;
  border-radius: var(--brs) 0 0 var(--brs);
}
div.cop a {
  --px: var(--pxs);
  --py: var(--pys);
  --tx: var(--pc);
  border: var(--bws) solid var(--whi);
  background: var(--whi);
  border-radius: 0 var(--brs) var(--brs) 0;
}

/*

.semi-circle {
    width: 100px;
    height: 50px;
    background: #667eea;
    border-radius: 50px 50px 0 0;
}


.semi-circle-bottom {
    width: 100px;
    height: 50px;
    background: #667eea;
    border-radius: 0 0 50px 50px;
}


.semi-circle-left {
    width: 50px;
    height: 100px;
    background: #667eea;
    border-radius: 50px 0 0 50px;
}


.semi-circle-right {
    width: 50px;
    height: 100px;
    background: #667eea;
    border-radius: 0 50px 50px 0;
}

.progress-semi {
    width: 120px;
    height: 60px;
    position: relative;
    overflow: hidden;
}

.progress-semi::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 8px solid #e2e8f0;
    border-bottom-color: #667eea;
    border-right-color: #667eea;
    transform: rotate(45deg);
}


.progress-semi-25::before { transform: rotate(90deg); }
.progress-semi-50::before { transform: rotate(180deg); }
.progress-semi-75::before { transform: rotate(270deg); }
.progress-semi-100::before { transform: rotate(360deg); }


.semi-circle-gauge {
    width: 120px;
    height: 60px;
    position: relative;
    background: #f7fafc;
    border-radius: 60px 60px 0 0;
    overflow: hidden;
}

.semi-circle-fill {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #667eea;
    border-radius: 60px 60px 0 0;
    height: 60%;
}

.semi-circle-text {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}


*/
.m-h {
  flex-wrap: wrap;
}
.m-h > .crd {
  height: 100%;
}
.m-h > .crd > .itm {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
}

.fil .drop {
  --input-w: calc(100% - (2 * var(--rpx)));
  --mr: auto;
}

.drop .dz, .nof, .fil .btns {
  --px: var(--rpx);
}

.nof {
  --pb: 24px;
}

.frow {
  --ac-bg: var(--pc1);
  --namw: 100%;
  --ediw: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px dashed var(--bcs);
  background: var(--ac-bg);
  cursor: pointer;
}
.frow:not([data-id]) {
  border-color: transparent;
}
.frow:hover {
  --ac-bg: var(--pc2);
}
.frow svg.fi {
  --sz: var(--rsz);
  --mr: var(--rmr);
}
.frow .nam, .frow .edi {
  --px: var(--rpx);
  --py: 5px;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.frow .nam {
  width: var(--namw);
}
.frow .nam div {
  max-width: calc(100% - var(--rsz) - var(--rmr));
}
.frow .nam .fn {
  --f: var(--f15);
}
.frow .edi {
  width: var(--ediw);
  justify-content: space-between;
}
.frow .edi small {
  display: flex;
  width: 100%;
  justify-content: end;
}
.frow .edi small span:hover svg {
  --tx: var(--pc);
}
.frow .edi small span + span {
  --ml: 10px;
}
.frow .edi .input {
  --mr: 10px;
  max-width: 180px;
}
.frow .prog-track {
  --mt: 0px;
}
.frow .alt.err {
  --mt: 4px;
  --mb: 4px;
  --mx: var(--rpx);
  width: 100%;
}

.wb_ba {
  word-break: break-all;
}

.to-h, .fn {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.to-h.cl, .fn.cl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lns);
  text-wrap: wrap;
}
.to-h.sh:hover, .fn.sh:hover {
  display: block;
}

/*
.o-h, .fn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    */
strong, .bold {
  font-weight: 600;
}
strong *, .bold * {
  font-weight: 600;
}

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

.fd-r {
  flex-direction: row;
}

sub, sup {
  --f: 75% !important;
  --lh: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.ws-n {
  white-space: nowrap;
}

.ws-pl {
  white-space: pre-line;
}

.sc {
  text-transform: capitalize;
}

.td-lt {
  text-decoration: line-through;
}

.s_b svg {
  --mr: 8px;
}

.dis {
  cursor: not-allowed !important;
}

span.u_p img {
  --br: 50%;
  --sz: 40px;
  --bc: var(--pc1);
  box-shadow: 0 6px 10px -6px rgba(0, 0, 0, 0.2), 0 12px 19px 2px rgba(0, 0, 0, 0.1411764706), 0 5px 25px 4px rgba(0, 0, 0, 0.1215686275);
}

[class*=w-] {
  width: var(--w);
}

.fw_500 {
  --fw: 500;
}

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

.w-60 {
  --w: calc(60% - var(--sb));
}

.w-50 {
  --w: calc(50% - var(--sb));
}

.w-40 {
  --w: calc(40% - var(--sb));
}

[data-fix] {
  top: var(--t);
}
[data-fix].p-a {
  --t: auto !important;
  bottom: 0;
}
[data-fix]:not(.p-a) {
  --t: 0;
  bottom: auto;
  position: fixed;
}

.scr-t {
  --sz: 40px;
  --br: 50%;
  --p: 2px;
  --tx: var(--pc7);
  --bw: 2px;
  --bc: var(--pc4);
  right: 20px;
  bottom: calc(var(--pb-bd) + 20px);
  background: var(--pc2);
  cursor: pointer;
  transition: all 0.3s;
}
.scr-t:hover {
  --tx: var(--pc);
  --bc: var(--pc);
}
.scr-t:not(.liv) {
  transform: scale(0);
  height: 0;
}

#chatBox {
  --bgs: var(--pc6);
  --sz: 24px;
  right: 20px;
  bottom: calc(var(--pb-bd) + 20px);
}
#chatBox:not(:hover):not(.e) .wrap {
  --brbr: 8px;
}
#chatBox:not(:hover):not(.e) .wrap div span {
  animation: 8s ease 0s infinite cb;
}
#chatBox:not(:hover):not(.e) .wrap div span:nth-child(2) {
  animation-delay: 0.1s;
}
#chatBox:not(:hover):not(.e) .wrap div span:nth-child(3) {
  animation-delay: 0.2s;
}
#chatBox:not(:hover):not(.e) .drop-up {
  display: none;
}
#chatBox .wrap {
  --br: 50%;
  --bw: 1px;
  --bc: var(--pc8);
  --sw--pg: false;
  --sw--hv: true;
  --sw--res: true;
  --w: var(--sz);
  --mys: calc((var(--szc) - var(--w)) / 2);
  --mxs: var(--mys);
  --pb: 0px;
  background: var(--bgs);
  width: var(--szc);
  height: var(--szc);
  cursor: pointer;
  z-index: 1;
}
#chatBox .wrap img, #chatBox .wrap svg, #chatBox .wrap div {
  overflow: visible;
}
#chatBox .wrap img span, #chatBox .wrap svg span, #chatBox .wrap div span {
  --szb: 7px;
  --br: 50%;
  min-width: var(--szb);
  width: var(--szb);
  height: var(--szb);
  content: "";
}
#chatBox .wrap img span:nth-child(1), #chatBox .wrap svg span:nth-child(1), #chatBox .wrap div span:nth-child(1) {
  background: var(--blu);
}
#chatBox .wrap img span:nth-child(2), #chatBox .wrap svg span:nth-child(2), #chatBox .wrap div span:nth-child(2) {
  --mx: 3px;
  background: var(--red);
}
#chatBox .wrap img span:nth-child(3), #chatBox .wrap svg span:nth-child(3), #chatBox .wrap div span:nth-child(3) {
  background: var(--gre);
}
#chatBox .drop-up {
  --pb: calc(var(--szc) + 20px);
  --tx: var(--whi);
  bottom: calc(var(--pb-bd) + 20px);
  right: inherit;
  max-width: 300px;
}
#chatBox .drop-up span {
  --ps: 20px;
  --fw: 500;
  --sza: 13px;
  --pb: var(--sza);
  display: block;
  background: var(--bgs);
  position: relative;
}
#chatBox .drop-up span * {
  --f: 15px;
}
#chatBox .drop-up span h4 {
  --p: var(--ps);
  --pb: 0px;
  --fw: 500;
  --mb: 8px;
}
#chatBox .drop-up span::after {
  --bot: calc(var(--sza) * -0.5);
  content: "";
  width: var(--sza);
  height: var(--sza);
  bottom: var(--bot);
  right: calc((var(--szc) + var(--bot)) * 0.5);
  background: inherit;
  transform: rotate(45deg);
}
#chatBox .drop-up a {
  --py: 6px;
}
#chatBox .drop-up a:hover {
  --tx: inherit;
  background: var(--whi3);
}
#chatBox .drop-up a img, #chatBox .drop-up a svg {
  --mr: 8px;
}
#chatBox + .scr-t {
  right: 86px;
}

#chatBoxx {
  --is: 4;
  --1s: 2;
}
#chatBoxx:hover .wrap div:nth-child(1) {
  bottom: calc((var(--szc) - var(--sz)) * 0.5);
}
#chatBoxx .wrap img, #chatBoxx .wrap svg, #chatBoxx .wrap div {
  --tx: var(--whi);
  position: absolute;
  width: var(--sz);
  height: var(--sz);
  bottom: calc(var(--sz) * -1);
}
#chatBoxx .wrap img:nth-child(2), #chatBoxx .wrap svg:nth-child(2), #chatBoxx .wrap div:nth-child(2) {
  animation-delay: calc(var(--is) * 1s);
}
#chatBoxx .wrap img:nth-child(3), #chatBoxx .wrap svg:nth-child(3), #chatBoxx .wrap div:nth-child(3) {
  animation-delay: calc((var(--is) + var(--1s)) * 1s);
}
#chatBoxx .wrap img:nth-child(4), #chatBoxx .wrap svg:nth-child(4), #chatBoxx .wrap div:nth-child(4) {
  animation-delay: calc((var(--is) + var(--1s) * 2) * 1s);
}
#chatBoxx .wrap img:nth-child(5), #chatBoxx .wrap svg:nth-child(5), #chatBoxx .wrap div:nth-child(5) {
  animation-delay: calc((var(--is) + var(--1s) * 3) * 1s);
}
#chatBoxx .wrap img:nth-child(6), #chatBoxx .wrap svg:nth-child(6), #chatBoxx .wrap div:nth-child(6) {
  animation-delay: calc((var(--is) + var(--1s) * 4) * 1s);
}
#chatBoxx .wrap img span, #chatBoxx .wrap svg span, #chatBoxx .wrap div span {
  --szb: 7px;
  --br: 50%;
  min-width: var(--szb);
  width: var(--szb);
  height: var(--szb);
  content: "";
}
#chatBoxx .wrap img span:nth-child(1), #chatBoxx .wrap svg span:nth-child(1), #chatBoxx .wrap div span:nth-child(1) {
  background: var(--blu);
}
#chatBoxx .wrap img span:nth-child(2), #chatBoxx .wrap svg span:nth-child(2), #chatBoxx .wrap div span:nth-child(2) {
  --mx: 3px;
  background: var(--red);
}
#chatBoxx .wrap img span:nth-child(3), #chatBoxx .wrap svg span:nth-child(3), #chatBoxx .wrap div span:nth-child(3) {
  background: var(--gre);
}

#overLay {
  inset: 0;
  z-index: 11;
  background: var(--bla8);
}
#overLay.fx {
  z-index: 15;
}
#overLay.wh {
  background: var(--whi6);
  z-index: 15;
}

.prog {
  --mx: auto;
  --br: 4px;
  display: block;
  width: 100%;
  height: 8px;
  background: var(--pct03);
  overflow: hidden;
}
.prog small {
  --br: inherit;
  display: block;
  background: var(--pct1);
  height: 100%;
}

.prog-track {
  width: 100%;
}
.prog-track:not(.frow[data-id] .prog-track) {
  background: var(--pct06);
}
.prog-track:not(.frow[data-id] .prog-track).succ {
  background-color: transparent;
}
.prog-track:not(.frow[data-id] .prog-track).succ .prog-bar {
  background-color: transparent;
  width: 100%;
}
.prog-track:not(.frow[data-id] .prog-track).succ .prog-bar::after {
  content: "";
  height: 0.5px;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--pct6);
}

.prog-bar {
  display: block;
  position: relative;
  width: 0;
  height: 2px;
  background: var(--pct2);
}

@media screen and (max-width: 389px) {
  /*

  .scr-t {
      --sz: 36px;
  }
  */
}
@media screen and (max-width: 340px) {
  #header span.u_p {
    --av: 1px;
  }
  #header span.u_p img {
    --sz: 34px;
  }
}
a[data-mod] {
  --px: 12px;
  --py: 8px;
  --w: auto;
  --br: 6px;
  overflow: hidden;
  z-index: 2;
}
a[data-mod]:not(.p-a) {
  position: relative;
}
a[data-mod]::after {
  content: "";
  background: transparent;
  inset: 0;
  z-index: 3;
}
a[data-mod] span {
  width: var(--w);
  transition: width 0.3s ease;
}
a[data-mod] svg + span {
  --pr: 3px;
}
a[data-mod]:not(:hover) svg + span {
  transform: translateX(var(--pr));
  width: var(--w2);
}

.mod {
  --max: 550px;
  --br: 12px;
  --s: 0.4s;
  --sca: 0;
  width: 70%;
  max-width: var(--max);
  max-height: calc(100vh - 30px);
  z-index: 16;
  transition: all var(--s) ease;
  background: var(--pc1);
  overflow: auto;
  transform: scale(var(--sca));
}
.mod.hm {
  z-index: 16;
}
.mod.b {
  --max: 660px;
}
.mod.fs {
  --max: calc(100% - var(--gut)) !important;
}
.mod:not(.p-f) {
  position: absolute;
}
.mod#newMess {
  --max: 500px;
  width: 500px;
}
.mod#newMess .rad label {
  --p: 12px;
}
.mod#newMess .rad label svg {
  --mr:7px ;
}
.mod.p-a:not(.ld) {
  overflow: hidden;
  pointer-events: none;
}
.mod.p-f {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--sca));
}
.mod.hid {
  z-index: 1;
  opacity: 0;
}
.mod .p-f.pop {
  width: 100%;
}

@media screen and (max-width: 700px) {
  .mod.b {
    --max: calc(100% - var(--gut));
  }
}
@media screen and (max-width: 460px) {
  .mod {
    --max: calc(100% - var(--gut));
  }
}
#bnot {
  bottom: 0;
  right: var(--gutX);
  left: var(--gutX);
  z-index: 17;
}
#bnot .alt a.x {
  --mr: calc(var(--pxs) * -0.5);
}

#rnot {
  top: var(--thh2);
  right: var(--gutX);
  max-width: 300px;
  max-height: calc(100vh - var(--thh2));
  z-index: 17;
  overflow-y: auto;
}
#rnot .alt {
  --px: 14px;
  --py: 10px;
  --f: var(--f14);
  --mt: 12px;
  right: calc(var(--gutX) * -1 - 100%);
}

.wai {
  --alt-r: var(--ora-r);
}

.lok {
  --alt-r: var(--tea-r);
}

.suc {
  --alt-r: var(--suc-r);
}

.rev {
  --alt-r: var(--bro-r);
}

.fai {
  --alt-r: var(--red-r);
}

.que {
  --alt-r: var(--grad-r);
}

.pen {
  --alt-r: var(--pur-r);
}

.pau {
  --alt-r: var(--gol-r);
  --alt-c: #000;
}

.con {
  --alt-r: 72, 61, 139;
}

.war {
  --alt-r: 247, 234, 191;
}

.inf {
  --alt-r: 207, 244, 252;
}

.err {
  --alt-r: var(--inv-r);
}

.alt {
  --opa: 1;
  --pxs: 20px;
  --fw: 500;
  --tx: var(--alt-c);
  --bg: rgba(var(--alt-r), var(--opa));
  background: var(--bg);
  position: relative;
  text-align: start;
}
.alt:not(.tag) {
  --px: var(--pxs);
  --py: 6px;
  --br: 6px;
  --mt: 8px;
  --f: var(--f14);
}
.alt.tag {
  --h: 32px;
  --pro: calc(var(--h) * -0.75);
  --m: 16px;
  --mx: calc(var(--h) * 1.5);
  --fw: 600;
  height: var(--h);
  display: flex;
  display: inline-flex;
  align-items: center;
}
.alt.war {
  --tx: #664d03;
}
.alt.err {
  --sz: 10px;
  --pxs: 12px;
  display: block;
}
.alt.err:not(.na):not(.main)::after {
  --sz: 10px;
  content: "";
  width: var(--sz);
  height: var(--sz);
  top: calc(var(--sz) * -0.5 + 0.5px);
  left: 14px;
  transform: rotate(45deg);
  background: inherit;
}
.alt.err.main {
  --mt: 0px;
  --mb: 12px;
}
.alt.err * {
  --f: inherit;
}
.alt.dan {
  --tx: #842029;
}
.alt.inf {
  --tx: #055160;
}
.alt.suc {
  --tx: #0f5132;
  --alt-r: 204, 235, 221;
}
.alt .before, .alt .after {
  width: var(--h);
  height: var(--h);
  z-index: -1;
}
.alt .before {
  background-image: conic-gradient(var(--bg) 0deg, var(--bg) 224deg, transparent 225deg, transparent 315deg, var(--bg) 316deg);
  left: var(--pro);
}
.alt .after {
  background-image: conic-gradient(var(--bg) 0deg, var(--bg) 44deg, transparent 45deg, transparent 135deg, var(--bg) 136deg);
  right: var(--pro);
}
.alt span {
  --fw: 500;
}
.alt span svg {
  --mr: 6px;
}
.alt:is(p) {
  --mb: 0px;
  --sz: 18px;
}
.alt:is(p) svg {
  --mr: 6px;
}
.alt a {
  /*
  &[data-log] {
      &.d_i {
          --f: inherit;
          padding: 0 2px 0 0;
          text-decoration: underline;
          &:hover {
              --tx: var(--whi);
          }

      }
      &:not(.d_i) {
          --br: 4px;
          --mt: 3px;
      }
  }
  &:not([data-log]) {
      --px: 10px;
      --py: 10px;
      //--mr: calc(var(--pxs) * -1);
      --tx: #664d03;
      &:hover {
          background: #f0dfa6;
      }
  }
      */
}

.tbl {
  display: table;
  border-collapse: separate;
  border-spacing: 0 2px;
  width: 100%;
  cursor: default;
  position: relative;
}
.tbl.lo {
  min-height: calc(var(--lw) * 3);
}
.tbl.lo [data-lod] {
  background: var(--pc1);
}
.tbl:not(.hov) div:hover:not(.wrap):not(.hd) {
  background: var(--pc1);
}
.tbl:not(.hov) div:hover:not(.wrap):not(.hd) span {
  border-color: var(--pc3);
}
.tbl.hov div:not(.hd) span:hover:not(.hd) {
  --br: 6px;
  background: var(--pc2);
}
.tbl div {
  display: table-row;
  background: var(--pc02);
}
.tbl div:nth-child(odd) {
  background: var(--pc06);
}
.tbl div.hd span {
  --fw: 600;
}
.tbl div span {
  --bw: 1px;
  --fw: 500;
  display: table-cell;
  vertical-align: middle;
  border: var(--bw) solid transparent;
  border-width: var(--bw) 0;
}
.tbl div span.hd {
  --fw: 600;
}
.tbl div span:not(.p_0) {
  padding: 8px 12px;
}

footer {
  --sec: 6;
  --pys: 60px;
  --prs: 80px;
  --fss: var(--f15);
  --wa: calc(100% / var(--sec));
  /*

  .h {
      --sz: 42px;
      [class*="col_"] {
          --bw: 2px;
          --bc: var(--dwhite);
          --br: 12px;
          --p: 24px;
          --py: 12px;
      }
      .modes {
          svg {
              &:not(:last-child) {
                  --mr: 10px;
              }
          }
      }
      div {
          --fw: 500;
      }
      span {
          --f: var(--f24);
          --fw: 600;
      }
  }
  .lnk {
      --py: 0px;
      --pb: var(--pys);
      section {
          align-items: flex-start;
          justify-content: flex-start;
      }
      .sec {
          //--mr: 80px;
          width: var(--sw);
          //max-width: var(--aw);
          &.s {
              --sw: 100%;
              //max-width: none;
              a {
                  width: var(--aw);
                  width: auto;
              }
          }


      }
  }
  .cr {
      --pt: 0px;
      --pb: 26px;
      .d {


      }

  }
      */
}
footer .section {
  --py: var(--pys);
}
footer .section:first-child {
  --btr: var(--hbr);
}
footer .section:last-child {
  --pb: 0;
}
footer .section .hed {
  --pt: 20px;
}
footer .section .hed .log, footer .section .hed .soc {
  --br: 20px;
  --p: 16px;
  --bw: 3px;
  --bc: var(--dwhite);
  width: calc(50% - 16px);
}
footer .section .hed .log img {
  --sz: 48px;
  --mr: 8px;
}
footer .section .hed .log .logo {
  --f: 28px;
  --fw: 900;
}
footer .section .hed .log .logo + div {
  --fw: 600;
  --pt: 4px;
}
footer .section .hed .soc {
  --sz: 36px;
}
footer .section .hed .soc a {
  --px: 8px;
  --py: 8px;
}
footer .section .sec:not(.pol):not(.ser) {
  --pr: var(--prs);
}
footer .section .sec h3 {
  --mb: 8px;
  --tx: var(--whi);
}
footer .section .sec a {
  --lh: 30px;
  --px: 0px;
  --py: 0px;
  --f: var(--fss);
  display: block;
}
footer .section .sec a.liv {
  --fw: 600;
  --tx: var(--pc);
}
footer .section .sec.con {
  --sz: 18px;
}
footer .section .sec.con a svg, footer .section .sec.con a img {
  --mr: 4px;
}
footer .section .sec.ser {
  --mt: var(--pys);
  width: 100%;
}
footer .section .sec.ser a {
  width: var(--wa);
}
footer .section .disc {
  --szs: 140px;
  --sb: 12px;
  --pb: 12px;
  position: relative;
}
footer .section .disc span {
  --pr: calc(var(--szs) + var(--sb));
}
footer .section .disc a {
  --px: 0px;
  --py: 0px;
  --sz: 40px;
  --mt: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
footer .section .disc a img, footer .section .disc a svg {
  min-width: auto;
  max-width: none;
}
footer .section .disc .mb {
  --sz: var(--szs);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

[class*=tx-] {
  --tx: var(--pc);
}
[class*=tx-]:is(a) {
  opacity: 0.7;
}
[class*=tx-]:is(a):hover {
  opacity: 1;
}
[class*=tx-].tx-d {
  --tx: var(--inv);
}

.no-s, .fm {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.scr-t, #cookie, #chatBoxx {
  z-index: 10;
}

.copy {
  --f: 15px;
}
.copy strong {
  --f: 17px;
  --tx: var(--pc);
}

#cookie {
  --sz: 32px;
  --px: var(--gutX);
  --py: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--pc02);
  box-shadow: var(--sha);
}
#cookie svg {
  --tx: var(--pc);
}
#cookie p {
  --mb: 0px;
  --mx: 12px;
  --lh: 1.2;
  width: auto;
}
#cookie p a {
  text-decoration: underline;
}
#cookie p a:hover {
  --tx: var(--pc);
}
#cookie p + a {
  --px: 12px;
  --py: 9px;
  --br: 6px;
  --bw: 1px;
  --bc: var(--pc5);
  background: var(--pc1);
}
#cookie p + a:hover {
  background: var(--pc2);
  --tx: var(--pc);
}
#cookie a {
  --fw: 600;
  --tx: inherit;
}