:root {
  --maxwidth: 1200px;
}

.order {
  --form-w: 100%;
  --pt: 50px;
}
.order .ordSec {
  --pl: 24px;
  --pls: var(--pl);
  --bws: 4px;
  --brbl: 24px;
  --bc: var(--pc4);
  --bcs: var(--bc);
  --pb: 30px;
  border-width: 0 0 var(--bws) var(--bws);
  width: 100%;
}
.order .ordSec .det {
  --label-w: 138px;
  --input-w: calc(100% - var(--label-w));
  width: var(--form-w);
  max-width: calc(var(--label-w) + 730px);
}
.order .ordSec .det .tag {
  --h: 40px;
  --ml: calc((var(--pls) * -1) - var(--bws));
  background: var(--pc2);
}
.order .ordSec .det .tag * {
  --fw: 600;
}
.order .ordSec .det .tag div {
  --px: 8px;
  height: var(--h);
  background: var(--bcs);
}
.order .ordSec .det .tag div::before {
  content: "";
  border: calc(var(--h) / 2) solid transparent;
  border-left-color: var(--bcs);
  right: 0;
  transform: translate(100%, 0);
}
.order .ordSec .det .tag div span {
  --br: 50%;
  --mr: 6px;
  --tx: var(--whi);
  background: var(--pc);
  min-width: calc(var(--h) * 0.6);
  width: calc(var(--h) * 0.6);
  height: calc(var(--h) * 0.6);
}
.order .ordSec .det .tag div + span {
  --ml: calc((var(--h) * 0.5) + 8px);
}
.order .ordSec .det .tag div + span span {
  --tx: var(--pc);
}
.order .ordSec .det .b-wrap.b1 {
  --mt: calc(var(--wr-mb) * -1);
}
.order .ordSec .det .wrap {
  display: flex;
}
.order .ordSec .det .wrap .label:not(.d_f):not(.d_n) {
  display: block;
}
.order .ordSec .det .wrap #inp_pag {
  --mb: var(--wr-mb);
  --mr: 20px;
}
.order .ordSec .det .wrap .pag_eq {
  --br: 12px;
  --mr: 20px;
  --fw: 500;
  --mb: var(--wr-mb);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pct06);
  width: 160px;
  height: var(--num-h);
}
.order .ordSec .det .wrap .pag_eq + .togg {
  --p: 6px;
  --px: 14px;
  --br: 8px;
  --mb: var(--wr-mb);
  height: var(--num-h);
}
.order .ordSec .det .wrap .pag_eq + .togg a {
  --py: 0px;
}
.order .ordSec .det .flds, .order .ordSec .det .ocrd {
  --mt: 12px;
}
.order .ordSec .det .ocrd {
  --ac-bg: var(--pc2);
  --ml: auto;
  --mb: var(--wr-mb);
  --br: var(--brs);
  --bw: var(--bws);
  --p: 24px;
  --px: 32px;
  --bc: var(--bcs);
  background: var(--ac-bg);
  width: var(--input-w);
}
.order .ordSec .det .ocrd .wrap {
  --wr-mb: 4px;
}
.order .ordSec .det .ocrd [class*=sum-] {
  width: 400px;
  width: 100%;
}
.order .ordSec .det .ocrd [class*=sum-].sum-p {
  --mb: 20px;
}
.order .ordSec .det .ocrd [class*=sum-].sum-p div {
  justify-content: space-between;
}
.order .ordSec .det .ocrd [class*=sum-].sum-p + .err {
  --mb: 12px;
  min-height: 80px;
  align-items: center;
  display: flex;
}
.order .ordSec .det .ocrd [class*=sum-] div {
  --py: 3px;
  border-bottom: 1px dotted var(--pc5);
}
.order .ordSec .det .ocrd [class*=sum-] div:not(.d_n) {
  display: flex;
}
.order .ordSec .det .insec .wrap:not(:first-child) .input:not(.ac) {
  --brtl: 0;
  --brtr: 0;
}
.order .ordSec .det .insec .wrap:not(:first-child):not(:last-child):not(:focus-within) .input:not(.ac) {
  border-bottom-color: transparent;
}
.order .ordSec .det .insec .wrap:not(:first-child):not(:last-child):not(:focus-within):not(:nth-child(3)) .input:not(.ac) {
  background: var(--pc06);
  border-top-color: transparent;
}
.order .ordSec .det .insec .wrap:not(:first-child):not(:last-child) .input:not(.ac) {
  --mt: -0.5px;
}
.order .ordSec .det .insec .wrap:not(:first-child):not(:last-child):focus-within + .wrap .input:not(.ac) {
  border-top-color: transparent;
}
.order .ordSec .det .insec .wrap:not(:last-child) {
  --mb: 0px;
}
.order .ordSec .det .insec .wrap:not(:last-child) .input:not(.ac) {
  --brbl: 0;
  --brbr: 0;
}
.order .ordSec .det .insec .wrap .input:not(.ac):focus-within {
  z-index: 1;
}
.order .ordSec .det .insec .wrap .input:not(.ac) h5 {
  --p: 12px;
  --pb: 0px;
  --mb: 0px;
}
.order .ordSec .det .payOut .netP2 strong {
  --fs: 22px;
}
.order .ordSec .det .payOut .netP2 span {
  --br: 8px;
  --p: 12px;
  --py: 8px;
  --fs: 14px;
  --fw: 600;
  background: var(--pct1);
}
.order .ordSec .det .payOut .netP2 + a {
  --ml: 10px;
}
.order .ordSec #logTabs {
  --pb: 24px;
}

@media screen and (max-width: 800px) {
  .order .ordSec .det {
    --label-w: 100%;
    --input-w: 100%;
  }
  .order .ordSec .det .acc .label:not(.ps) {
    width: auto;
  }
}
@media screen and (max-width: 690px) {
  #inp_aca {
    flex-direction: column;
  }
  #inp_aca label {
    border-right-width: 0px;
  }
  #inp_aca label:not(:last-child) {
    border-bottom-width: 1px;
  }
}
@media screen and (max-width: 570px) {
  .order .ordSec .det .ocrd {
    --p: 20px;
    --px: 16px;
    --fs: 15px;
  }
  .order .ordSec .det .ocrd .sum-p span {
    --pr: 8px;
  }
}
@media screen and (max-width: 520px) {
  .payOut {
    flex-direction: column;
    align-items: start;
  }
  .payOut a {
    margin-left: 0;
    --mt: 16px;
  }
}
@media screen and (max-width: 500px) {
  .order .ordSec {
    --pl: 12px;
  }
  #inp_ser, #inp_lev, #inp_lan {
    flex-direction: column;
  }
  #inp_ser label, #inp_lev label, #inp_lan label {
    border-right-width: 0px;
  }
  #inp_ser label:not(:last-child), #inp_lev label:not(:last-child), #inp_lan label:not(:last-child) {
    border-bottom-width: 1px;
  }
}
@media screen and (max-width: 450px) {
  .b-wrap.b2 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 410px) {
  .b-wrap.b1 {
    flex-wrap: wrap;
  }
}
/*
@import "../inc/mixins";

#user {
    --px: 0px;
    span + svg {
        display: none;
    }
}
.order {
    --mt: var(--gutX);
    .ordSec {
        .det {
            --aca: 154px;

            --wr-mb: 30px;


            .wrap {
                --mb: var(--wr-mb);

                &.aca {
                    .input {
                        .rad {
                            width: calc((100% - (var(--aca) * 2)) / (var(--secs) - 2));
                            &:nth-child(2), &:nth-child(3) {
                                width: var(--aca);
                            }
                        }
                    }
                }

            }

            .ocrd {



                [class*='sum-'] {

                    div {
                        --py: 3px;
                        border-bottom: 1px dotted var(--pc5);
                        &:not(.d_n) {
                            display: flex;
                        }
                        span {
                            &+strong {
                                --ml: 8px;
                                min-width: 90px;
                                text-align: end;
                                align-content: center;
                            }
                        }
                        svg {
                            --sz: 20px;
                            --mr: 5px;
                        }
                    }
                }
            }
            .b-wrap {
                .wrap {
                    .input {
                        max-height: var(--num-h);
                    }
                }
            }
            .insec {
                .wrap {
                    &:not(:first-child) {
                        .input {
                            --brtl: 0;
                            --brtr: 0;
                        }
                    }
                    &:not(:first-child):not(:last-child) {
                        &:not(:focus-within) {
                            .input {
                                border-bottom-color: transparent;
                            }
                            &:not(:nth-child(3)) {
                                .input {
                                    background: var(--pc06);
                                    border-top-color: transparent;
                                }
                            }
                        }
                        .input {
                            --mt: -0.5px;
                        }
                        &:focus-within {
                            & + .wrap {
                                .input {
                                    border-top-color: transparent;
                                }
                            }
                        }
                    }
                    &:not(:last-child) {
                        --mb: 0px;
                        .input {
                            --brbl: 0;
                            --brbr: 0;
                        }
                    }
                    .input {
                        h5 {
                            --p: 12px;
                            --pb: 0px;
                            --mb: 0px;
                        }
                    }
                }
            }
            .auth-inner {
                --my: 10px;
                .wrap {
                    --mb: 20px;
                    .label {
                        display: flex;
                    }
                }
            }
            .payOut {
                --ml: auto;
                --mb: 30px;
                --mys: 8px;
                --br: 8px;
                --bw: var(--bws);
                --px: 24px;
                --py: calc(var(--px) - var(--mys));
                --bc: var(--bcs);
                display: block;
                width: var(--input-w);
                background: var(--pc1);
                flex-wrap: wrap;
                input.mg {
                    --bw: var(--bws);
                    --bc: var(--bcs);
                    --px: 12px;
                    --lh: var(--input-h);
                    overflow: visible;
                    line-height: var(--lh);
                    --br: var(--brs);
                    --bsc: var(--pc3);
                    &.err {
                        --bc: var(--inv6);
                        --bsc: var(--inv3);
                        background: var(--inv1);
                        &:focus {
                            --bc: var(--inv);
                        }
                    }
                    &:focus {
                        --bc: var(--pc);
                        box-shadow: 0 0 0 var(--ac-bs) var(--bsc);
                    }
                    &:focus::placeholder {
                        transform: translate(5px);
                    }
                }
                .mg {
                    --mt: calc(var(--mys) * 2);
                }
            }
        }
    }
}
.neword {
    .inq {
        --ml: var(--label-w);
        --mb: 30px;
    }
}








@include media(670px) {
    .neword {
        .wrap {
            &.aca {
                .input {
                    flex-direction: column;
                    label {
                        --py: 6px;
                    }
                    .rad {
                        width: 100% !important;
                        &+ .rad {
                            border-left: none;
                            border-top: 1px solid var(--bcs);
                        }
                    }
                }
            }
        }
    }
}
@include media(600px) {
    #header #user span:not(.u_p) {
        display: none;
    }
}
@include media(570px) {
    #user {
        --sz: 26px;
        --bw: 3px;
        --bc: var(--pc8);
        --tx: var(--pc8);
        --br: 50%;
        aspect-ratio: 1;
        padding: 4px;
        &:hover {
            --bc: var(--pc);
        }
        svg, span {
            display: none;
        }
        span + svg {
            --ml: 0px !important;
            display: flex;
        }
    }
    .neword {
        .det {
            --pl: 10px;
            .tag {
                div {
                    & + span {
                        display: none;
                    }
                }
            }
        }
        .wrap {
            &.ser, &.lev, &.lan {
                .input {
                    flex-direction: column;
                    .rad {
                        width: 100% !important;
                        &+ .rad {
                            border-left: none;
                            border-top: 1px solid var(--bcs);
                        }
                    }
                }
            }
        }
    }
}
@include media(520px) {
    .neword {
        .b-wrap.b3 {
            --mb: 0px;
            flex-direction: column;
            .wrap {
                margin-bottom: var(--wr-mb);
            }
        }
    }
}

@include media(400px) {
    .order .ordSec {
        --brbl: 0;
        border-width: 0;
    }
    .auth-inner {
        --imp: 12px;
        width: 100%;
    }
    .neword {
        .det {
            --pl: 0px;
        }
        .ocrd {
            --p: 16px;
            --px: 16px;
            * {
                --f: var(--f14);
            }
        }
        .b-wrap.b1, .b-wrap.b2 {
            --mb: 0px;
            flex-direction: column;
            .wrap {
                margin-bottom: var(--wr-mb);
            }
        }
    }
}
@include media(340px) {
    #user {
        --sz: 24px;
    }
    [data-fixer].netP2 {
        span {
            display: none;
        }
        strong {
            --ml: 0px;
        }
    }
}
@include media(320px) {
    .neword {
        .ocrd {
            *:not(sup) {
                --f: var(--f13);
            }
        }
    }
}
*/