:root {
  --hov: var(--pc1);
  --che: var(--pc3);
  --input-h: 40px;
  --input-c: var(--whi);
  --num-h: 46px;
  --ac-bs: 4px;
  --ac-bg: var(--pc1);
}

.formLoad + form, .formLoad + .fm {
  display: none;
}

.order .ordSec .fm .wrap .label:not(:empty) {
  --pr: 8px;
}

.fm {
  --w: 100%;
  --wr-mb: 24px;
  --label-w: 100%;
  --input-w: 100%;
  --bws: 1px;
  --brs: 8px;
  --bcs: var(--pc4);
  --bt-s: 32px;
}
.fm#loadPay {
  --pxs: 16px;
  --sb: 10px;
  --wr-mb: 16px;
  --sz: 36px;
}
.fm#loadPay .input {
  --bw: 0px;
  display: block;
}
.fm#loadPay .input.err svg {
  --tx: var(--inv);
}
.fm#loadPay .input .inputWrap {
  --bw: 1px;
  --px: var(--pxs);
  --py: 12px;
  --br: var(--brs);
  --bc: var(--bcs);
  --lh: 1;
}
.fm#loadPay .input .inputWrap.icn {
  --pl: calc(var(--sz) + var(--pxs));
}
.fm#loadPay .input .inputWrap.mat + svg {
  display: none;
}
.fm#loadPay .input .inputWrap.mat + svg + svg {
  display: none;
}
.fm#loadPay .input .inputWrap#card-number.StripeElement--invalid + svg {
  display: none;
}
.fm#loadPay .input .inputWrap#card-number.StripeElement--invalid + svg + svg {
  --tx: var(--inv);
  display: block;
}
.fm#loadPay .input .inputWrap#card-number.StripeElement--invalid + svg + svg + svg {
  display: none !important;
}
.fm#loadPay .input svg, .fm#loadPay .input img {
  position: absolute;
  left: calc(var(--pxs) - 3px);
  top: 50%;
  transform: translateY(-50%);
}
.fm .wrap {
  --mb: var(--wr-mb);
  width: var(--w);
  flex-wrap: wrap;
}
.fm .wrap .label {
  --fw: 500;
  align-items: center;
  width: var(--label-w);
  text-align: left;
}
.fm .wrap .label:not(:empty) {
  --mb: 3px;
}
.fm .wrap .label:not(.d_n):not(.d_i) {
  display: flex;
}
.fm .wrap .label * {
  --fw: 500;
  --py: 0px;
  --px: 0px;
}
.fm .wrap .input {
  --bw: var(--bws);
  --bc: var(--bcs);
  --h4c: var(--pc6);
  --bca: var(--pc3);
  --bsc: var(--pc3);
  --br: var(--brs);
  --hov: var(--pc2);
  --che: var(--pc3);
  --bcf: var(--pc);
  --ml: auto;
  position: relative;
  width: var(--input-w);
  /*
  &.drop {
      --x: 16px;
      --y: 24px;


      &:is(.active) {
          --bc: transparent;
          z-index: 16;
      }
      .prev {
          --px: var(--x);
          --pt: 12px;
          .fcou {
              --sz: 16px;
              --pb: 6px;
              --mb: 10px;
              border-bottom: 1.5px dotted var(--pc4);
              display: block;
              p {
                  --sz: 16px;
                  --f: var(--f14);
                  --mb: 0px;
                  a {
                      --px: 0px;
                      --py: 0px;
                      --bw: 0px;
                      background: transparent;
                  }
              }
              svg {
                  --mr: 4px;
                  --tx: var(--pc);
              }
              strong {
                  --f: inherit;
              }
          }
          .frow {
              --input-w: 230px;
              display: flex;
              width: 100%;
              .data {
                  width: calc(100% - var(--input-w));
                  span {
                      width: 100%;
                      span {
                          overflow: hidden;
                          white-space: nowrap;
                          text-overflow: ellipsis;
                          max-width: calc(100% - 40px);
                      }
                  }
                  svg.fi {
                      --tx: var(--dk8);
                      rect {
                          --tx: var(--pc);
                      }
                  }
              }
              .edit {
                  width: var(--input-w);
                  .ac {
                      width: calc(100% - var(--sz));
                      & + svg {
                          --ml: 12px;
                      }
                      .menu {
                          background: var(--pc2);
                      }
                  }

              }
          }

      }
      .pd {
          --py: var(--y);
          --pl: var(--x);
          //--pb: 24px;
      }
      .mg {
          --my: var(--y);
          --ml: var(--x);
      }
      a {
          --bw: 1px;
          --px: 12px;
          --py: 8px;
          --br: 4px;
          --bc: var(--pc2);
          --fw: 500;
          --tx: var(--pc8);
          background: var(--pct1);
          &:hover {
              --bc: var(--pc4);
              background: var(--pct2);
          }
      }
      p {
          --mb: 0px;
          --pr: var(--x);
          span {
              --mx: 10px;
          }
      }
  }
  */
}
.fm .wrap .input:not(.d_n) {
  display: flex;
}
.fm .wrap .input.err, .fm .wrap .input .inputWrap.StripeElement--invalid {
  --bcs: var(--inv6);
  --bca: var(--inv4);
  --bsc: var(--inv4);
  --hov: var(--inv2);
  --che: var(--inv3);
  --bcf: var(--inv);
  /*
  &.ac {
      --scr-bar: var(--inv2);
      --scb: var(--inv5);
      --scb2: var(--inv);
      .menu div {
          background: var(--inv1);
      }
  }
      */
}
.fm .wrap .input.err + svg, .fm .wrap .input .inputWrap.StripeElement--invalid + svg {
  --tx: var(--inv);
}
.fm .wrap .input.err:not(.che), .fm .wrap .input .inputWrap.StripeElement--invalid:not(.che) {
  background: var(--inv1);
}
.fm .wrap .input.err + .desc, .fm .wrap .input .inputWrap.StripeElement--invalid + .desc {
  --bcs: var(--inv6);
}
.fm .wrap .input.err .ch, .fm .wrap .input .inputWrap.StripeElement--invalid .ch {
  background: var(--inv1);
}
.fm .wrap .input + .err, .fm .wrap .input + .desc + .err {
  --ml: auto;
  width: var(--input-w);
}
.fm .wrap .input.icn {
  --sz: 20px;
  --pad: 8px;
  --in-pad: calc(var(--sz) + var(--pad) + 6px);
  height: calc(var(--input-h) + 2 * var(--bw));
}
.fm .wrap .input.icn .before, .fm .wrap .input.icn .after {
  display: flex;
  align-items: center;
  top: 0;
  height: 100%;
  z-index: 1;
}
.fm .wrap .input.icn .before .c-p:hover, .fm .wrap .input.icn .after .c-p:hover {
  --tx: var(--pc);
}
.fm .wrap .input.icn .after {
  --pr: var(--pad);
  right: 0;
}
.fm .wrap .input.icn .after + input {
  --pr: var(--in-pad);
}
.fm .wrap .input.icn .after svg {
  transform: rotate(0deg);
  transition: transform var(--s) ease;
}
.fm .wrap .input.icn .before {
  --pl: var(--pad);
}
.fm .wrap .input.icn .before + input, .fm .wrap .input.icn .before + .after + input {
  --pl: var(--in-pad);
}
.fm .wrap .input.icn input:not(.pop input) {
  --pl: calc(var(--pad) + 22px);
  position: absolute;
}
.fm .wrap .input.icn input:not(.pop input):not(.nr) {
  --pr: calc(var(--pad) + 22px);
}
.fm .wrap .input.ac-m {
  height: var(--input-h);
}
.fm .wrap .input.ac {
  --s: 0.2s;
  --bc: transparent;
  --maxH: 200px;
  min-width: 180px !important;
}
.fm .wrap .input.ac.open .after {
  z-index: 2;
}
.fm .wrap .input.ac.open .after svg {
  transform: rotate(180deg);
}
.fm .wrap .input.ac.open.liv input, .fm .wrap .input.ac.open.liv .before {
  z-index: 4;
}
.fm .wrap .input.ac.open.liv .after {
  z-index: 5;
}
.fm .wrap .input.ac.open.liv .menu {
  z-index: 3;
}
.fm .wrap .input.ac.open.closing .after svg {
  transform: rotate(0deg);
}
.fm .wrap .input.ac.open .menu div {
  --bc: var(--bcf);
  box-shadow: 0 0 0 var(--ac-bs) var(--bsc);
}
.fm .wrap .input.ac.open .menu div span {
  border-top: 1px solid var(--bcf);
}
.fm .wrap .input.ac.open .menu div span.e {
  --bcf: transparent;
}
.fm .wrap .input.ac input, .fm .wrap .input.ac .before, .fm .wrap .input.ac .after {
  z-index: 1;
}
.fm .wrap .input.ac .menu {
  --br: var(--brs);
  position: absolute;
  inset: calc((var(--bws) + var(--ac-bs)) * -1);
  bottom: auto;
  background: var(--ac-bg);
}
.fm .wrap .input.ac .menu div {
  --bw: var(--bws);
  --m: var(--ac-bs);
  --br: var(--brs);
  --bc: var(--bcs);
  overflow: hidden;
  transition: box-shadow 0.1s ease;
}
.fm .wrap .input.ac .menu div span {
  --mt: calc(var(--input-h));
  border-top: 1px solid transparent;
  overflow: hidden;
  overflow-y: auto;
  max-height: 0;
  transition: max-height var(--s) ease;
  display: block;
}
.fm .wrap .input.ac .menu div span p, .fm .wrap .input.ac .menu div span h5, .fm .wrap .input.ac .menu div span a {
  --mb: 0px;
  --py: 8px;
  --px: 12px;
  --lh: 1.2;
  --tx: inherit;
  border-top: 1px solid var(--che);
}
.fm .wrap .input.ac .menu div span p.active:is(p), .fm .wrap .input.ac .menu div span h5.active:is(p), .fm .wrap .input.ac .menu div span a.active:is(p) {
  background: var(--che);
}
.fm .wrap .input.ac .menu div span p.active:is(p) + p:not(:hover), .fm .wrap .input.ac .menu div span h5.active:is(p) + p:not(:hover), .fm .wrap .input.ac .menu div span a.active:is(p) + p:not(:hover) {
  border-color: var(--bca);
}
.fm .wrap .input.ac .menu div span p:hover:not(.active):not(h5):not(.x), .fm .wrap .input.ac .menu div span h5:hover:not(.active):not(h5):not(.x), .fm .wrap .input.ac .menu div span a:hover:not(.active):not(h5):not(.x) {
  background: var(--hov);
}
.fm .wrap .input.ac .menu div span p:is(p) + h5, .fm .wrap .input.ac .menu div span h5:is(p) + h5, .fm .wrap .input.ac .menu div span a:is(p) + h5 {
  border-top: 1px solid var(--bcf);
}
.fm .wrap .input.ac .menu div span p:is(h5), .fm .wrap .input.ac .menu div span h5:is(h5), .fm .wrap .input.ac .menu div span a:is(h5) {
  --fw: 600;
  background: var(--bcs);
  text-transform: uppercase;
  --bc: var(--pc);
  border-width: 1px 0;
  border-top: 0;
  border-bottom: 1px solid var(--bcf);
}
.fm .wrap .input.ac span.p-f {
  --input-w: 100%;
  --p: 24px;
  --br: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 14;
  background: var(--pc1);
}
.fm .wrap .input.ac span.p-f h4 {
  --f: var(--f18);
}
.fm .wrap .input.ac span.p-f .input {
  --mb: 10px;
}
.fm .wrap .input.ac span.p-f a.btn-s {
  --ml: 12px;
}
.fm .wrap .input.ac + p {
  --mt: 4px;
  --mb: 0px;
}
.fm .wrap .input.num {
  --ml: 0px;
  --input-h: var(--num-h);
  height: var(--input-h);
  width: 142px !important;
  border: none;
}
.fm .wrap .input.num * {
  --bc: inherit;
  position: absolute;
  top: calc(var(--bws) * -1);
  height: var(--input-h);
}
.fm .wrap .input.num input {
  --bw: var(--bws);
  --br: var(--brs);
  left: calc(var(--bws) * -1);
  width: inherit;
}
.fm .wrap .input.num input.d_n + a, .fm .wrap .input.num input.d_n + a + a {
  display: none;
}
.fm .wrap .input.num input:not(.ta-s) {
  text-align: center;
}
.fm .wrap .input.num input:focus + a, .fm .wrap .input.num input:focus + a + a {
  --bc: var(--pc);
}
.fm .wrap .input.num a {
  --px: 12px;
  --py: 0px;
  --tx: var(--pc);
  --f: var(--f24);
  --fw: 400;
  --bw: var(--bws);
  --bc: var(--bcs);
  display: flex;
}
.fm .wrap .input.num a:hover {
  --bc: var(--pc);
}
.fm .wrap .input.num a.active {
  box-shadow: 0 0 0 var(--ac-bs) var(--bsc);
}
.fm .wrap .input.num a:is(.inc) {
  --brbr: var(--brs);
  --brtr: var(--brs);
  right: var(--bws);
  border-left: 0;
}
.fm .wrap .input.num a:is(.dec) {
  --brbl: var(--brs);
  --brtl: var(--brs);
  --f: var(--f28);
  left: calc(var(--bws) * -1);
  border-right: 0;
}
.fm .wrap .input.rad {
  /*
  width: calc(100% / var(--secs));
  &+ .rad {
      border-left: 1px solid var(--bcs);
  }
  label:not(.fd-r) {
      flex-direction: column;
      justify-content: center;
  }
  .fd-r {
      strong {
          --ml: 6px;
      }
  }
      */
}
.fm .wrap .input.dat {
  --cbw: 1px;
  --ps: 20px;
  --pys: 20px;
  --brs: 12px;
  --bt-m: 2px;
  --cpx: 16px;
  --cpy: 10px;
  --cw: calc((var(--bt-s) * 7) + (var(--bt-m) * 6) + ((var(--cpx) + var(--cbw)) * 2));
  --ctw: 52px;
  --ctbh: 30px;
  --ctwr: calc((var(--cbw) * 4) + (var(--ctw) * 3));
  --mw: 55px;
  --yw: 62px;
  --sb: 12px;
  --sw: calc(var(--mw) + var(--yw) + var(--sb));
  --s: 0.2s;
  --px: var(--ps);
  --pt: 4px;
  --pb: var(--pys);
  --mt-a: 16px;
  flex-wrap: wrap;
}
.fm .wrap .input.dat h4 {
  --mb: 6px;
  --f: var(--f18);
  --fw: 500;
}
.fm .wrap .input.dat .calD, .fm .wrap .input.dat .calT, .fm .wrap .input.dat .calP {
  --mt: 16px;
}
.fm .wrap .input.dat .calD .in-dt, .fm .wrap .input.dat .calT .in-dt, .fm .wrap .input.dat .calP .in-dt {
  --px-i: 16px;
  --bw: var(--cbw);
  --br: var(--brs);
  --cpx: 16px;
  --input-h: 44px;
  --bc: transparent;
  width: var(--cw);
  background: var(--pct1);
  position: relative;
}
.fm .wrap .input.dat .calD .in-dt.liv, .fm .wrap .input.dat .calT .in-dt.liv, .fm .wrap .input.dat .calP .in-dt.liv {
  --bc: var(--bcs);
}
.fm .wrap .input.dat .calD .in-dt input, .fm .wrap .input.dat .calT .in-dt input, .fm .wrap .input.dat .calP .in-dt input {
  --br: var(--brs);
  --fw: 500;
  --px: var(--px-i);
  width: 100%;
}
.fm .wrap .input.dat .calD .in-dt svg, .fm .wrap .input.dat .calT .in-dt svg, .fm .wrap .input.dat .calP .in-dt svg {
  z-index: -1;
  right: var(--px-i);
  position: absolute;
  top: calc((var(--input-h) - var(--sz)) / 2);
}
.fm .wrap .input.dat .calD .in-dt .in-wra, .fm .wrap .input.dat .calT .in-dt .in-wra, .fm .wrap .input.dat .calP .in-dt .in-wra {
  --s: 0.56s;
  --py: var(--cpy);
  --br: var(--brs);
  --bw: var(--cbw);
  background: var(--pc2);
  display: flex;
  flex-wrap: wrap;
  z-index: 5;
  transition: transform var(--s) ease-in-out;
}
.fm .wrap .input.dat .calD .in-dt .in-wra.tr, .fm .wrap .input.dat .calT .in-dt .in-wra.tr, .fm .wrap .input.dat .calP .in-dt .in-wra.tr {
  transform: scale(0);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns, .fm .wrap .input.dat .calD .in-dt .in-wra .c-wd, .fm .wrap .input.dat .calD .in-dt .in-wra .c-ds, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns, .fm .wrap .input.dat .calT .in-dt .in-wra .c-wd, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns, .fm .wrap .input.dat .calP .in-dt .in-wra .c-wd, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds {
  --px: var(--cpx);
  width: var(--cw);
  display: flex;
  flex-wrap: wrap;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns small, .fm .wrap .input.dat .calD .in-dt .in-wra .c-wd small, .fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns small, .fm .wrap .input.dat .calT .in-dt .in-wra .c-wd small, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns small, .fm .wrap .input.dat .calP .in-dt .in-wra .c-wd small, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small {
  --fw: 600;
  --f: var(--f15);
  --br: 10px;
  --mr: var(--bt-m);
  --mt: var(--bt-m);
  --bw: 1px;
  --bc: transparent;
  width: var(--bt-s);
  aspect-ratio: 1;
  display: block;
  align-content: center;
  text-align: center;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns small:nth-child(7n), .fm .wrap .input.dat .calD .in-dt .in-wra .c-wd small:nth-child(7n), .fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small:nth-child(7n), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns small:nth-child(7n), .fm .wrap .input.dat .calT .in-dt .in-wra .c-wd small:nth-child(7n), .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small:nth-child(7n), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns small:nth-child(7n), .fm .wrap .input.dat .calP .in-dt .in-wra .c-wd small:nth-child(7n), .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small:nth-child(7n) {
  --mr: 0px;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg.dis, .fm .wrap .input.dat .calD .in-dt .in-wra .c-wd svg.dis, .fm .wrap .input.dat .calD .in-dt .in-wra .c-ds svg.dis, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg.dis, .fm .wrap .input.dat .calT .in-dt .in-wra .c-wd svg.dis, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds svg.dis, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg.dis, .fm .wrap .input.dat .calP .in-dt .in-wra .c-wd svg.dis, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds svg.dis {
  display: none;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small {
  cursor: pointer;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small:not(.dis):not(.liv):hover, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small:not(.dis):not(.liv):hover, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small:not(.dis):not(.liv):hover {
  background: var(--pc4);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small.td, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small.td, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small.td {
  --bc: var(--pc);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small.pm, .fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small.nm, .fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small.pd, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small.pm, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small.nm, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small.pd, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small.pm, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small.nm, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small.pd {
  opacity: 0.5;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small.dis, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small.dis, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small.dis {
  opacity: 0.12;
  cursor: default !important;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small.dis.fd, .fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small.dis.td, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small.dis.fd, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small.dis.td, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small.dis.fd, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small.dis.td {
  opacity: 0.5;
  cursor: pointer !important;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-ds small.liv, .fm .wrap .input.dat .calT .in-dt .in-wra .c-ds small.liv, .fm .wrap .input.dat .calP .in-dt .in-wra .c-ds small.liv {
  background: var(--pc6);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns {
  --sz: 18px;
  --lh: 36px;
  border-bottom: 1px solid var(--pc2);
  position: relative;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns *, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns *, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns * {
  --lh: inherit;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div {
  --mx: auto;
  --sz: 20px;
  width: var(--sw);
  position: relative;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys {
  cursor: pointer;
  width: var(--mw);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms.liv h5 svg, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys.liv h5 svg, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms.liv h5 svg, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys.liv h5 svg, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms.liv h5 svg, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys.liv h5 svg {
  transform: rotate(180deg);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms.liv .wrap, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys.liv .wrap, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms.liv .wrap, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys.liv .wrap, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms.liv .wrap, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys.liv .wrap {
  height: calc((var(--bt-s) + var(--bt-m)) * 7 + var(--cpy) - var(--mt) + 1px);
  z-index: 5;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms h5, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys h5, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms h5, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys h5, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms h5, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys h5 {
  --fw: 600;
  --mb: 0px;
  display: flex;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms svg, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys svg, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms svg, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys svg, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms svg, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys svg {
  right: 0;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms .wrap, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys .wrap, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms .wrap, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys .wrap, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms .wrap, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys .wrap {
  --br: var(--brs);
  --px: 12px;
  --mt: 6px;
  background: var(--pc2);
  z-index: 4;
  width: calc(var(--cw) - var(--cbw));
  left: calc((var(--cw) - var(--sw)) * -0.5 + 0.5px);
  overflow-y: auto;
  height: 0;
  margin-bottom: 0;
  transition: height 0.3s ease-in-out;
  align-content: flex-start;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms .wrap span, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys .wrap span, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms .wrap span, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys .wrap span, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms .wrap span, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys .wrap span {
  --lh: 30px;
  --secs: 4;
  --sb: 8px;
  --br: 6px;
  --mr: var(--sb);
  --px: 4px;
  --my: 3px;
  --fw: 500;
  width: calc((100% - var(--sb) * (var(--secs) - 1)) / var(--secs)) !important;
  text-align: center;
  height: var(--lh);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms .wrap span:nth-child(4n), .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys .wrap span:nth-child(4n), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms .wrap span:nth-child(4n), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys .wrap span:nth-child(4n), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms .wrap span:nth-child(4n), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys .wrap span:nth-child(4n) {
  --mr: 0px;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms .wrap span:hover, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys .wrap span:hover, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms .wrap span:hover, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys .wrap span:hover, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms .wrap span:hover, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys .wrap span:hover {
  background: var(--pc2);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms .wrap span.dis, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys .wrap span.dis, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms .wrap span.dis, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys .wrap span.dis, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms .wrap span.dis, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys .wrap span.dis {
  opacity: 0.3;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ms .wrap span.liv, .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys .wrap span.liv, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ms .wrap span.liv, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys .wrap span.liv, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ms .wrap span.liv, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys .wrap span.liv {
  background: var(--pc3);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns div .c-ys, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns div .c-ys, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns div .c-ys {
  width: var(--yw);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg {
  top: calc((var(--lh) - var(--sz)) / 2);
  cursor: pointer;
  position: relative;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg:not([d]), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg:not([d]), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg:not([d]) {
  --tx: var(--pc7);
  z-index: 1;
  position: absolute;
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg:not([d]):hover, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg:not([d]):hover, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg:not([d]):hover {
  --tx: var(--pc);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg:not([d]):nth-child(1), .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg:not([d]):nth-child(2), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg:not([d]):nth-child(1), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg:not([d]):nth-child(2), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg:not([d]):nth-child(1), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg:not([d]):nth-child(2) {
  left: var(--cpx);
  transform: rotate(180deg);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg:not([d]):nth-child(2), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg:not([d]):nth-child(2), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg:not([d]):nth-child(2) {
  left: calc(var(--sz) + var(--cpx));
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg:not([d]):nth-child(3), .fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg:not([d]):nth-child(4), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg:not([d]):nth-child(3), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg:not([d]):nth-child(4), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg:not([d]):nth-child(3), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg:not([d]):nth-child(4) {
  right: calc(var(--sz) + var(--cpx));
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg:not([d]):nth-child(4), .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg:not([d]):nth-child(4), .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg:not([d]):nth-child(4) {
  right: var(--cpx);
}
.fm .wrap .input.dat .calD .in-dt .in-wra .c-btns svg.dis, .fm .wrap .input.dat .calT .in-dt .in-wra .c-btns svg.dis, .fm .wrap .input.dat .calP .in-dt .in-wra .c-btns svg.dis {
  opacity: 0.2;
}
.fm .wrap .input.dat .calD h4, .fm .wrap .input.dat .calT h4, .fm .wrap .input.dat .calP h4 {
  --mb: 4px;
  width: var(--cw);
}
.fm .wrap .input.dat .calD {
  --mr: 16px;
}
.fm .wrap .input.dat .calT {
  --bt-m: 1.5px;
  --secs: 7;
  --tra: calc((var(--ctbh) + (var(--bt-m) * 2)) * ((var(--secs) + 1) / -2));
}
.fm .wrap .input.dat .calT .in-dt {
  width: var(--ctwr);
}
.fm .wrap .input.dat .calT .in-dt .in-wra {
  --py: calc((var(--cpy) * 0.5) + 3px);
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] {
  --bc: transparent;
  --py: var(--sz);
  width: var(--ctw);
  display: flex;
  flex-direction: column;
  border-width: 0 2px;
  position: relative;
  height: calc((var(--ctbh) + var(--bt-m) * 2) * var(--secs) + var(--sz) * 2);
  overflow: hidden;
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-]:nth-child(2) {
  --bc: var(--pc1);
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-]:nth-child(3) {
  justify-content: center;
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-]:nth-child(3) small {
  transform: translateY(0);
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] span {
  background: var(--pc2);
  position: absolute;
  inset: 0;
  height: var(--sz);
  z-index: 2;
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] span:nth-child(1) {
  bottom: auto;
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] span:nth-child(1) svg {
  transform: rotate(-90deg);
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] span:nth-child(2) {
  top: auto;
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] span:nth-child(2) svg {
  transform: rotate(90deg);
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] span svg {
  --tx: var(--pc6);
  cursor: pointer;
  position: relative;
  top: auto;
  left: calc((var(--ctw) - var(--sz)) / 2);
  right: auto;
  z-index: 1;
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] span svg:hover {
  --tx: var(--pc);
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] small {
  --f: var(--fs);
  --fw: 500;
  --br: 10px;
  --m: var(--bt-m);
  --mx: 6px;
  background: var(--pc08);
  cursor: pointer;
  align-content: center;
  text-align: center;
  min-height: var(--ctbh);
  height: var(--ctbh);
  transform: translateY(var(--tra));
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] small:hover {
  background: var(--pc3);
}
.fm .wrap .input.dat .calT .in-dt .in-wra [class*=ct-] small.liv {
  background: var(--pc6);
}
.fm .wrap .input.dat .calT h4 {
  width: var(--ctwr);
}
.fm .wrap .input.dat .calP {
  width: 100%;
}
.fm .wrap .input.dat .calP .in-hr a {
  --mr: 8px;
  --my: 4px;
  --br: 10px;
  background: var(--pct1);
}
.fm .wrap .input.dat .calP .in-hr a:hover {
  background: var(--pct3);
}
.fm .wrap .input.dat .calP .in-hr a.liv {
  background: var(--pct5);
}
.fm .wrap .input.dat .popH small {
  --p: 8px;
  --px: 14px;
  --mr: 12px;
  --my: 4px;
  --br: var(--brs);
  --fw: 600;
  --f: var(--fs);
  cursor: pointer;
  background: var(--pc1);
  white-space: nowrap;
}
.fm .wrap .input.dat .popH small:hover {
  background: var(--pc3);
}
.fm .wrap .input.dat .popH small.liv {
  background: var(--pc6);
}
.fm .wrap .input.dat .togl {
  --mt: 12px;
  --fw: 500;
}
.fm .wrap .input.che {
  /*
  &.err .checkbox {
      --bc: var(--inv4);
      --bsc: var(--inv2);
      background: var(--inv1);
  }
  .checkbox {
      --sz: 24px;
      --br: 4px;
      --bc: var(--pc4);
      --bsc: var(--pc2);
      --mr: 10px;
      --bw: 1px;
      height: var(--sz) !important;
      min-width: var(--sz) !important;
      width: var(--sz) !important;
      background: var(--pc04);
      position: relative;
      &:hover {
          box-shadow: 0 0 0 var(--ac-bs) var(--bsc);
      }
      svg {
          --pos: 1px;
          --sz: 31px;
          --tx: var(--pc);
          display: none;
          position: absolute;
          bottom: calc(var(--pos) * -1);
          left: calc(var(--pos) * -1);
          background: transparent;
      }
  }
  label {
      * {
          --fw: 500;
      }
      &+input+label {
          --mt: calc(var(--wr-mb) * 0.5);
      }
      span.ta-s {
          --pb: 12px;
      }
  }

  textarea {
      --bw: 1px;
      --br: 8px;
      --bc: var(--pc4);
      --mt: 12px;
      */ /*--m: 0px;
--px: 12px;
--py: 9px;
overflow: hidden;
font: inherit;
width: 100%;
resize: none;
min-height: 36px;
height: 100%;
&[name=mes] {
    min-height: 80px;
}
&[name=rep] {


    min-height: 60px;
    &:focus-within {
        --bc: var(--pc);
        box-shadow: 0 0 0 var(--ac-bs) var(--pc3);
        &::placeholder {
            transform: translate(5px);
        }
    }
    & + a {
        --mt: 4px;
    }
}
    */ /*
}
//here

label {
    text-align: left;
    &:not(.nbg) {
        --bw: 1px;
        --br: var(--brs);
        --bc: var(--pc3);
        background: var(--pc06);
        * {
            --fw: 400;
        }
        div {
            small {
               --f: var(--f18);
               --fw: 500;
               span {
                    --f: inherit;
                    --ml: 6px;
                    --fw: 600;
                }
            }
            &+span {
                --pt: 6px;
            }
        }
        &:hover {
            background: var(--pc1);
            --bc: var(--pc6);
            * {
                --bc: var(--pc6);
            }
        }
    }
}
*/
}
.fm .wrap .input.che:not(.alo) {
  border: none;
}
.fm .wrap .input.che.alo {
  --py: 14px;
  --px: 18px;
}
.fm .wrap .input.che label:not(.alo label) {
  --bw: var(--bws);
  --bc: var(--bcs);
}
.fm .wrap .input.drop {
  --pb: 20px;
  border-style: dashed;
  background: var(--pc1);
}
.fm .wrap .input.drop .dz {
  --pt: 20px;
  display: inline-block;
  text-align: left;
}
.fm .wrap .input.drop .dz label {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  background: none;
}
.fm .wrap .input.drop .dz label a {
  --bw: 3px;
  --bc: transparent;
  --px: 12px;
  --py: 8px;
  --mr: 8px;
  --mb: 2px;
  --br: 8px;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--pct08);
  display: inline-block;
}
.fm .wrap .input.drop .dz label a:hover {
  --bc: var(--pct06);
  --tx: inherit;
}
.fm .wrap .input.drop .dz + .alt {
  --tx: inherit;
  --mx: var(--rpx);
  --fw: 600;
  --py: 10px;
  background: var(--pct1);
}
.fm .wrap .input .fc {
  --brbl: 8px;
  --py: 8px;
  --px: 12px;
  background: var(--pct1);
  right: 0;
  top: 0;
}
.fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach), .fm .wrap .input.num:focus-within input, .fm .wrap .input .StripeElement--focus {
  box-shadow: 0 0 0 var(--ac-bs) var(--bsc);
  border-color: var(--bcf);
}
.fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) textarea:not(:-moz-read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) input:not(:-moz-read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input.num:focus-within input textarea:not(:-moz-read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input.num:focus-within input input:not(:-moz-read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input .StripeElement--focus textarea:not(:-moz-read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input .StripeElement--focus input:not(:-moz-read-only):not(:disabled)::-moz-placeholder {
  transform: translate(5px);
}
.fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) textarea:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) input:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input.num:focus-within input textarea:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input.num:focus-within input input:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input .StripeElement--focus textarea:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input .StripeElement--focus input:not(:read-only):not(:disabled)::-moz-placeholder {
  transform: translate(5px);
}
.fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) textarea:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) input:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input.num:focus-within input textarea:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input.num:focus-within input input:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input .StripeElement--focus textarea:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input .StripeElement--focus input:not(:-moz-read-only):not(:disabled)::placeholder {
  transform: translate(5px);
}
.fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) textarea:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) input:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input.num:focus-within input textarea:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input.num:focus-within input input:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input .StripeElement--focus textarea:not(:read-only):not(:disabled)::-moz-placeholder, .fm .wrap .input .StripeElement--focus input:not(:read-only):not(:disabled)::-moz-placeholder {
  transform: translate(5px);
}
.fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) textarea:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) input:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input.num:focus-within input textarea:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input.num:focus-within input input:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input .StripeElement--focus textarea:not(:-moz-read-only):not(:disabled)::placeholder, .fm .wrap .input .StripeElement--focus input:not(:-moz-read-only):not(:disabled)::placeholder {
  transform: translate(5px);
}
.fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) textarea:not(:read-only):not(:disabled)::placeholder, .fm .wrap .input:focus-within:not(.num):not(.drop):not(.dat):not(.che):not(.ach) input:not(:read-only):not(:disabled)::placeholder, .fm .wrap .input.num:focus-within input textarea:not(:read-only):not(:disabled)::placeholder, .fm .wrap .input.num:focus-within input input:not(:read-only):not(:disabled)::placeholder, .fm .wrap .input .StripeElement--focus textarea:not(:read-only):not(:disabled)::placeholder, .fm .wrap .input .StripeElement--focus input:not(:read-only):not(:disabled)::placeholder {
  transform: translate(5px);
}
.fm .wrap .input input {
  --px: 16px;
  --lh: var(--input-h);
  --br: var(--brs);
  width: 100%;
  overflow: visible;
  line-height: var(--lh);
  /*
  &[type=radio] {
      &+label:hover {
          background: var(--hov);
      }
      &:checked+label {
          background: var(--che);
      }
  }
  &[type=file] {
      &+label{
          &.brws {
              --px: 12px;
              --mr: 8px;
              width: auto;
          }
      }
  }
  &+label {
      --fw: 500;
      display: flex;
      align-items: center;
      height: 100%;
      *:not(strong):not(strong *) {
          --fw: 500;
      }
  }
      */
}
.fm .wrap .input input:-webkit-autofill, .fm .wrap .input input:-internal-autofill-selected {
  -webkit-transition: all 900000s ease-in-out 0s !important;
  transition: all 900000s ease-in-out 0s !important;
}
.fm .b-wrap + .err {
  --ml: auto;
  --mt: calc(10px - var(--wr-mb));
  --mb: var(--wr-mb);
  width: var(--input-w);
}
.fm .hd:not(.tbl .hd), .fm .bd {
  --p: var(--ps);
  --py: var(--pys);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fm .hd:not(.tbl .hd) {
  --fw: 600;
  --f: var(--f22);
}
.fm .hd:not(.tbl .hd) * {
  --fw: 600;
}
.fm .hd:not(.tbl .hd).bg {
  background: var(--pc2);
}
.fm .hd:not(.tbl .hd) svg.x {
  --ml: 12px;
}
.fm .bd {
  --pb: calc(var(--pys) * 2);
  flex-wrap: wrap;
}
.fm .nalt {
  --px: 14px;
  --py: 8px;
  --sz: 19px;
  --br: var(--brs);
  --mt: 6px;
  --ml: auto;
  width: var(--input-w);
  background: var(--pct1);
}
.fm .nalt svg {
  --mr: 6px;
}
.fm .nalt strong {
  --tx: var(--pc);
}

.che {
  --mrs: 8px;
}
.che input + .ch {
  --szs: 24px;
  --br: 4px;
  --bc: var(--bcs);
  --bw: 1px;
  --mr: var(--mrs);
  height: var(--szs) !important;
  min-width: var(--szs);
  width: var(--szs) !important;
  background: var(--pc04);
  position: relative;
  display: block;
}
.che input + .ch:hover {
  box-shadow: 0 0 0 var(--ac-bs) var(--bsc);
}
.che input + .ch svg {
  --sz: calc(var(--szs) + 7px);
  --pos: 1px;
  --tx: var(--pc6);
  position: absolute;
  bottom: calc(var(--pos) * -1);
  left: calc(var(--pos) * -1);
}
.che label:hover .d_n, .che label.liv .d_n {
  display: block;
}
.che label strong {
  width: calc(100% - var(--sz) - var(--mrs) * 1.4);
}
.che label strong span {
  --ml: auto;
}
.che label strong + span {
  --mt: 4px;
}
.che label + label {
  --mt: 8px;
}
.che:not(.alo) label {
  --br: var(--brs);
  --p: 12px;
  --px: 16px;
}
.che.alo input + .ch {
  --szs: 20px;
}
.che.alo label {
  align-items: center;
}
.che.alo label strong {
  font-weight: 500;
}
.che.alo label + div.tx {
  --mb: 0px;
}
.che.alo label + div.tx p {
  --f: 90%;
  --lh: 1.1;
  --mt: 6px;
  --mb: 3px;
  font-style: italic;
}
.che.alo label + div.tx + label {
  --mt: 24px;
}

textarea {
  --m: 0px;
  --px: 12px;
  --py: 9px;
  --bcs: var(--pc4);
  --bcf: var(--pc);
  --bs: var(--pc3);
  overflow: hidden;
  font: inherit;
  width: 100%;
  resize: none;
  min-height: 36px;
}
textarea[name=mes] {
  min-height: 80px;
}
textarea[name=rep] {
  --bw: 1px;
  --br: 8px;
  --bc: var(--bcs);
  --mb: 4px;
  --mt: 10px;
  min-height: 60px;
}
textarea[name=rep]:focus-within {
  --bc: var(--bcf);
  box-shadow: 0 0 0 var(--ac-bs) var(--bs);
}
textarea[name=rep]:focus-within::-moz-placeholder {
  transform: translate(5px);
}
textarea[name=rep]:focus-within::placeholder {
  transform: translate(5px);
}
textarea[name=rep] + .err.alt {
  --mt: 4px;
}
textarea[name=rep] + .err.alt + a {
  display: none;
}
textarea.err {
  --bcs: var(--inv6);
  --bcf: var(--inv);
  --bs: var(--inv3);
}

.rad {
  overflow: hidden;
}
.rad.de {
  --bbr: 0;
}
.rad.de + .desc {
  --bw: var(--bws);
  --ml: auto;
  --br: var(--brs);
  --btr: 0;
  --bc: var(--bcs);
  --p: var(--ps);
  --pt: var(--pys);
  border-top: 0;
  width: var(--input-w);
}
.rad label {
  --bc: var(--bcs);
  --px: 16px;
  --py: 8px;
  text-align: center;
  align-content: center;
}
.rad label:not(:last-child) {
  border-right-width: 1px;
}

label {
  width: 100%;
}
label:not(.alo label):not(.nbg):not(.togl label) {
  min-height: var(--input-h);
}
label:not(.alo label):not(.nbg):not(.togl label):hover {
  background: var(--hov);
}
label:not(.alo label):not(.nbg):not(.togl label).liv {
  background: var(--che);
}
label input {
  display: none;
}
label input:not(:checked) + .ch svg {
  display: none;
}

.togl {
  --fw: 600;
  display: flex;
  align-items: center;
  width: 100%;
}
.togl input:checked + label {
  background: var(--pc);
}
.togl input:checked + label::before {
  transform: translateX(var(--tra));
}
.togl label {
  --mr: 8px;
  --h: 16px;
  --pss: 4px;
  --tra: calc(var(--h) + var(--pss));
  --input-h: calc(var(--h) + (var(--pss) * 2));
  --br: calc((var(--h) * 0.5) + var(--pss));
  width: calc(var(--tra) * 2 + var(--pss));
  background: var(--dis6);
  position: relative;
  height: var(--input-h);
}
.togl label::before {
  content: "";
  top: var(--pss);
  left: var(--pss);
  width: var(--h);
  height: var(--h);
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
}
.togl + .label + .input {
  --mt: 8px;
  width: 100%;
  transition: height 0.2s ease;
}
.togl + .label + .input.hid {
  height: 0px;
}
.togl + .label + .input.hid:not(.tra), .togl + .label + .input.hid + .err {
  display: none;
}
.togl + .label + .input.tra, .togl + .label + .input.hid {
  overflow: hidden;
}
.togl + .label + .input + .err {
  width: 100%;
  z-index: 3;
}

/*
<div class="togl">
                            <input type="checkbox" class="d_n" name="deat"  id="deat" checked>
                            <label for="deat"></label>Set by Hours or Days
                        </div>
                        */
/*
.togl {
    display: flex;
    input {
        &:checked + label {
            background: var(--pc);
            &::before {
                transform: translateX(var(--tra));
            }
        }
    }
    label {
        --mr: 8px;
        --h: 16px;
        --pss: 4px;
        --tra: calc(var(--h) + var(--pss));
        --input-h: calc(var(--h) + (var(--pss) * 2));
        --br: calc((var(--h) * 0.5) + var(--pss));
        width: calc((var(--tra) * 2) + var(--pss));
        background: var(--dis6);
        position: relative;
        height: var(--input-h);
        &::before {
            content: '';
            top: var(--pss);
            left: var(--pss);
            width: var(--h);
            height: var(--h);
            background-color: white;
            border-radius: 50%;
            transition: transform 0.3s;
        }
    }

    border-width: 0;

    align-items: center;

    label {
        margin-bottom: 0;


        //cursor: pointer;
        &::before {

        }
    }

}
*/