/* ==========================================================
   HACKER WEB
   GLOBAL PROJECT POPUP V1
   ========================================================== */

.hwpp-lock {
    overflow:
        hidden !important;
}


/* ----------------------------------------------------------
   ROOT
   ---------------------------------------------------------- */

.hwpp {
    position:
        fixed;

    z-index:
        999999;

    inset:
        0;

    display:
        none;

    align-items:
        center;

    justify-content:
        center;

    padding:
        24px;

    font-family:
        inherit;
}


.hwpp.is-open {
    display:
        flex;
}


/* ----------------------------------------------------------
   BACKDROP
   ---------------------------------------------------------- */

.hwpp-backdrop {
    position:
        absolute;

    inset:
        0;

    background:
        rgba(1,4,6,.80);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    opacity:
        0;

    transition:
        opacity .20s ease;
}


.hwpp.is-visible
.hwpp-backdrop {
    opacity:
        1;
}


/* ----------------------------------------------------------
   DIALOG
   ---------------------------------------------------------- */

.hwpp-dialog {
    position:
        relative;

    z-index:
        2;

    width:
        min(
            620px,
            100%
        );

    max-height:
        calc(100vh - 48px);

    overflow:
        auto;

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

    border-radius:
        22px;

    background:
        linear-gradient(
            155deg,
            rgba(11,17,21,.99),
            rgba(3,7,9,.995)
        );

    box-shadow:
        0 40px 120px
        rgba(0,0,0,.62),
        inset 0 1px 0
        rgba(255,255,255,.04);

    opacity:
        0;

    transform:
        translateY(18px)
        scale(.985);

    transition:
        opacity .20s ease,
        transform .22s ease;
}


.hwpp.is-visible
.hwpp-dialog {
    opacity:
        1;

    transform:
        translateY(0)
        scale(1);
}


/*
 * tiny brand line
 */

.hwpp-dialog::before {
    content:
        "";

    position:
        absolute;

    z-index:
        3;

    left:
        28px;

    top:
        -1px;

    width:
        66px;

    height:
        1px;

    background:
        #a8ff00;

    box-shadow:
        0 0 13px
        rgba(168,255,0,.30);
}


/* ----------------------------------------------------------
   TOP
   ---------------------------------------------------------- */

.hwpp-top {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding:
        22px 25px;

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


.hwpp-brand {
    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    color:
        #939da2;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        850;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}


.hwpp-brand-dot {
    width:
        7px;

    height:
        7px;

    flex:
        0 0 auto;

    border-radius:
        50%;

    background:
        #a8ff00;

    box-shadow:
        0 0 11px
        rgba(168,255,0,.55);
}


/* ----------------------------------------------------------
   CLOSE
   ---------------------------------------------------------- */

.hwpp-close {
    position:
        relative;

    width:
        38px;

    height:
        38px;

    flex:
        0 0 auto;

    padding:
        0;

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

    border-radius:
        50%;

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

    cursor:
        pointer;
}


.hwpp-close::before,
.hwpp-close::after {
    content:
        "";

    position:
        absolute;

    left:
        11px;

    top:
        18px;

    width:
        15px;

    height:
        1px;

    background:
        #d9dedd;
}


.hwpp-close::before {
    transform:
        rotate(45deg);
}


.hwpp-close::after {
    transform:
        rotate(-45deg);
}


.hwpp-close:hover {
    border-color:
        rgba(168,255,0,.35);
}


/* ----------------------------------------------------------
   CONTENT
   ---------------------------------------------------------- */

.hwpp-content {
    padding:
        28px;
}


.hwpp-kicker {
    margin-bottom:
        11px;

    color:
        #59c7ff;

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


.hwpp-title {
    margin:
        0;

    color:
        #f4f6f5;

    font-size:
        clamp(
            36px,
            5vw,
            54px
        );

    line-height:
        .98;

    font-weight:
        950;

    letter-spacing:
        -.052em;
}


.hwpp-title span {
    color:
        #a8ff00;
}


.hwpp-intro {
    max-width:
        500px;

    margin:
        16px 0
        24px;

    color:
        #858f94;

    font-size:
        13px;

    line-height:
        1.65;
}


/* ----------------------------------------------------------
   SERVICE CHIP
   ---------------------------------------------------------- */

.hwpp-service {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    min-height:
        48px;

    margin-bottom:
        20px;

    padding:
        0 15px;

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

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


.hwpp-service small {
    color:
        #626e74;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .13em;

    text-transform:
        uppercase;
}


.hwpp-service strong {
    color:
        #59c7ff;

    font-size:
        11px;

    font-weight:
        750;

    text-align:
        right;
}


/* ----------------------------------------------------------
   FORM
   ---------------------------------------------------------- */

.hwpp-grid {
    display:
        grid;

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

    gap:
        13px;
}


.hwpp-field {
    display:
        grid;

    gap:
        7px;
}


.hwpp-field-full {
    grid-column:
        1 / -1;
}


.hwpp-field label {
    color:
        #778288;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}


.hwpp-field input,
.hwpp-field textarea {
    display:
        block;

    width:
        100%;

    min-width:
        0;

    margin:
        0;

    padding:
        14px 15px;

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

    border-radius:
        11px;

    outline:
        0;

    background:
        rgba(1,5,7,.68);

    color:
        #edf0ef;

    font:
        inherit;

    font-size:
        14px;

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


.hwpp-field input:focus,
.hwpp-field textarea:focus {
    border-color:
        rgba(168,255,0,.40);

    box-shadow:
        0 0 0 3px
        rgba(168,255,0,.035);
}


.hwpp-field textarea {
    min-height:
        105px;

    resize:
        vertical;
}


.hwpp-field input::placeholder,
.hwpp-field textarea::placeholder {
    color:
        #465158;
}


/* ----------------------------------------------------------
   SUBMIT
   ---------------------------------------------------------- */

.hwpp-submit {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    width:
        100%;

    min-height:
        56px;

    margin-top:
        18px;

    padding:
        0 20px;

    border:
        0;

    border-radius:
        999px;

    background:
        #a8ff00;

    color:
        #050706;

    cursor:
        pointer;

    font:
        inherit;

    font-size:
        10px;

    font-weight:
        950;

    letter-spacing:
        .07em;

    text-transform:
        uppercase;

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


.hwpp-submit:hover {
    transform:
        translateY(-2px);
}


.hwpp-submit:disabled {
    cursor:
        wait;

    opacity:
        .58;

    transform:
        none;
}


.hwpp-submit-arrow {
    font-size:
        21px;

    line-height:
        1;
}


/* ----------------------------------------------------------
   STATUS
   ---------------------------------------------------------- */

.hwpp-status {
    min-height:
        18px;

    margin-top:
        10px;

    color:
        #758087;

    font-size:
        10px;

    line-height:
        1.5;
}


.hwpp-status.is-error {
    color:
        #ff7c7c;
}


/* ----------------------------------------------------------
   SUCCESS
   ---------------------------------------------------------- */

.hwpp-success {
    display:
        none;

    min-height:
        390px;

    align-items:
        center;

    justify-content:
        center;

    text-align:
        center;

    padding:
        45px 28px;
}


.hwpp.is-success
.hwpp-form-view {
    display:
        none;
}


.hwpp.is-success
.hwpp-success {
    display:
        flex;
}


.hwpp-success-inner {
    max-width:
        410px;
}


.hwpp-success-icon {
    position:
        relative;

    display:
        grid;

    place-items:
        center;

    width:
        70px;

    height:
        70px;

    margin:
        0 auto
        24px;

    border:
        1px solid
        rgba(168,255,0,.38);

    border-radius:
        50%;

    color:
        #a8ff00;

    font-size:
        29px;

    box-shadow:
        0 0 35px
        rgba(168,255,0,.08);
}


.hwpp-success h3 {
    margin:
        0 0
        10px;

    color:
        #f3f5f4;

    font-size:
        38px;

    line-height:
        1;

    letter-spacing:
        -.04em;
}


.hwpp-success p {
    margin:
        0;

    color:
        #9aa3a7;

    font-size:
        14px;

    line-height:
        1.6;
}


.hwpp-success p strong {
    color:
        #a8ff00;

    font-weight:
        700;
}


/* ----------------------------------------------------------
   TOAST AFTER MODAL CLOSES
   ---------------------------------------------------------- */

.hwpp-toast {
    position:
        fixed;

    z-index:
        1000000;

    left:
        50%;

    bottom:
        28px;

    width:
        min(
            430px,
            calc(100% - 28px)
        );

    padding:
        15px 18px;

    border:
        1px solid
        rgba(168,255,0,.25);

    border-radius:
        12px;

    background:
        rgba(6,11,13,.96);

    box-shadow:
        0 18px 55px
        rgba(0,0,0,.42);

    color:
        #dce2df;

    text-align:
        center;

    font-size:
        12px;

    line-height:
        1.45;

    opacity:
        0;

    pointer-events:
        none;

    transform:
        translate(-50%,15px);

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


.hwpp-toast strong {
    color:
        #a8ff00;
}


.hwpp-toast.is-visible {
    opacity:
        1;

    transform:
        translate(-50%,0);
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 650px) {

    .hwpp {
        align-items:
            flex-end;

        padding:
            10px;
    }


    .hwpp-dialog {
        width:
            100%;

        max-height:
            calc(100dvh - 20px);

        border-radius:
            20px;
    }


    .hwpp-top {
        padding:
            17px 18px;
    }


    .hwpp-content {
        padding:
            21px 18px
            23px;
    }


    .hwpp-title {
        font-size:
            40px;
    }


    .hwpp-intro {
        margin-bottom:
            19px;

        font-size:
            12px;
    }


    .hwpp-grid {
        grid-template-columns:
            1fr;

        gap:
            11px;
    }


    .hwpp-field-full {
        grid-column:
            auto;
    }


    .hwpp-field input,
    .hwpp-field textarea {
        font-size:
            16px;
    }


    .hwpp-field textarea {
        min-height:
            85px;
    }


    .hwpp-submit {
        min-height:
            55px;
    }


    .hwpp-success {
        min-height:
            330px;
    }


    .hwpp-success h3 {
        font-size:
            34px;
    }


    .hwpp-toast {
        bottom:
            17px;
    }

}


/* ----------------------------------------------------------
   REDUCED MOTION
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .hwpp-dialog,
    .hwpp-backdrop,
    .hwpp-toast {
        transition:
            none !important;
    }

}

/* ==========================================================
   END GLOBAL PROJECT POPUP
   ========================================================== */




/* HACKER_WEB_PROJECT_POPUP_V2 */


/* ==============================================
   slightly wider for project configurator
   ============================================== */

.hwpp-dialog {

    width:
        min(
            760px,
            100%
        ) !important;

}


/* ==============================================
   FIELDSETS
   ============================================== */

.hwpp-choice-section {

    min-width:
        0;

    margin:
        0;

    padding:
        0;

    border:
        0;

}


.hwpp-choice-section
+ .hwpp-choice-section {

    margin-top:
        27px;

    padding-top:
        25px;

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

}


.hwpp-choice-section legend {

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    width:
        100%;

    margin:
        0 0
        14px;

    padding:
        0;

    color:
        #dce1df;

    font-size:
        13px;

    font-weight:
        800;

}


.hwpp-choice-section legend span {

    color:
        #a8ff00;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        .08em;

}


/* ==============================================
   PROJECT TYPE
   ============================================== */

.hwpp-project-grid {

    display:
        grid;

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

    gap:
        8px;

}


.hwpp-project-choice {

    position:
        relative;

    cursor:
        pointer;

}


.hwpp-project-choice input {

    position:
        absolute;

    opacity:
        0;

    pointer-events:
        none;

}


.hwpp-project-choice > span {

    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    min-height:
        69px;

    padding:
        12px 14px;

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

    border-radius:
        11px;

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

    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease;

}


.hwpp-project-choice > span::after {

    content:
        "";

    position:
        absolute;

    right:
        13px;

    top:
        13px;

    width:
        7px;

    height:
        7px;

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

    border-radius:
        50%;

}


.hwpp-project-choice b {

    padding-right:
        25px;

    color:
        #e9eceb;

    font-size:
        12px;

    line-height:
        1.2;

}


.hwpp-project-choice small {

    display:
        block;

    margin-top:
        5px;

    padding-right:
        15px;

    color:
        #68747a;

    font-size:
        9px;

    line-height:
        1.4;

}


.hwpp-project-choice:hover > span {

    border-color:
        rgba(89,199,255,.22);

}


.hwpp-project-choice
input:checked
+ span {

    border-color:
        rgba(168,255,0,.46);

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

}


.hwpp-project-choice
input:checked
+ span::after {

    border-color:
        #a8ff00;

    background:
        #a8ff00;

    box-shadow:
        0 0 10px
        rgba(168,255,0,.48);

}


/* design */

.hwpp-project-choice
input[value="design"]:checked
+ span {

    border-color:
        rgba(89,199,255,.48);

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

}


.hwpp-project-choice
input[value="design"]:checked
+ span::after {

    border-color:
        #59c7ff;

    background:
        #59c7ff;

    box-shadow:
        0 0 10px
        rgba(89,199,255,.45);

}


/* seo */

.hwpp-project-choice
input[value="seo"]:checked
+ span {

    border-color:
        rgba(89,199,255,.48);

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

}


.hwpp-project-choice
input[value="seo"]:checked
+ span::after {

    border-color:
        #59c7ff;

    background:
        #59c7ff;

    box-shadow:
        0 0 10px
        rgba(89,199,255,.45);

}


/* ==============================================
   BUDGET
   ============================================== */

.hwpp-budget-grid {

    display:
        grid;

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

    gap:
        7px;

}


.hwpp-budget-choice {

    position:
        relative;

    cursor:
        pointer;

}


.hwpp-budget-choice input {

    position:
        absolute;

    opacity:
        0;

    pointer-events:
        none;

}


.hwpp-budget-choice > span {

    display:
        grid;

    place-items:
        center;

    min-height:
        45px;

    padding:
        8px;

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

    border-radius:
        9px;

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

    color:
        #8f999e;

    text-align:
        center;

    font-size:
        9px;

    font-weight:
        800;

    line-height:
        1.2;

    transition:
        border-color .18s ease,
        background .18s ease,
        color .18s ease;

}


.hwpp-budget-choice:hover > span {

    border-color:
        rgba(168,255,0,.24);

    color:
        #d8dddb;

}


.hwpp-budget-choice
input:checked
+ span {

    border-color:
        #a8ff00;

    background:
        rgba(168,255,0,.06);

    color:
        #a8ff00;

}


.hwpp-budget-custom-choice
> span {

    border-color:
        rgba(89,199,255,.18);

}


.hwpp-budget-custom-choice
input:checked
+ span {

    border-color:
        #59c7ff;

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

    color:
        #59c7ff;

}


/* ==============================================
   CUSTOM PRICE FIELD
   ============================================== */

.hwpp-custom-budget {

    display:
        grid;

    grid-template-rows:
        0fr;

    margin-top:
        0;

    opacity:
        0;

    transition:
        grid-template-rows .24s ease,
        opacity .20s ease,
        margin-top .24s ease;

}


.hwpp-custom-budget > * {

    min-height:
        0;

}


.hwpp-custom-budget.is-visible {

    grid-template-rows:
        auto;

    margin-top:
        12px;

    opacity:
        1;

}


.hwpp-custom-budget label {

    display:
        block;

    margin-bottom:
        7px;

    color:
        #59c7ff;

    font-size:
        8px;

    font-weight:
        850;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;

}


.hwpp-custom-budget input {

    display:
        block;

    width:
        100%;

    min-width:
        0;

    padding:
        14px 15px;

    border:
        1px solid
        rgba(89,199,255,.22);

    border-radius:
        10px;

    outline:
        0;

    background:
        rgba(1,5,7,.72);

    color:
        #edf0ef;

    font:
        inherit;

    font-size:
        14px;

}


.hwpp-custom-budget input:focus {

    border-color:
        rgba(89,199,255,.62);

    box-shadow:
        0 0 0 3px
        rgba(89,199,255,.04);

}


/* ==============================================
   MOBILE
   ============================================== */

@media (max-width: 650px) {

    .hwpp-dialog {

        width:
            100% !important;

    }


    .hwpp-content {

        padding:
            19px 16px
            22px !important;

    }


    .hwpp-title {

        font-size:
            36px !important;

    }


    .hwpp-project-grid {

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

        gap:
            6px;

    }


    .hwpp-project-choice > span {

        min-height:
            65px;

        padding:
            10px 11px;

    }


    .hwpp-project-choice b {

        font-size:
            11px;

    }


    .hwpp-project-choice small {

        font-size:
            8px;

    }


    .hwpp-budget-grid {

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

    }


    .hwpp-budget-custom-choice {

        grid-column:
            1 / -1;

    }


    .hwpp-budget-choice > span {

        min-height:
            43px;

        font-size:
            10px;

    }


    .hwpp-choice-section
    + .hwpp-choice-section {

        margin-top:
            22px;

        padding-top:
            21px;

    }


    .hwpp-choice-section legend {

        margin-bottom:
            11px;

        font-size:
            12px;

    }


    .hwpp-contact-section
    .hwpp-grid {

        grid-template-columns:
            1fr;

    }


    .hwpp-custom-budget input {

        font-size:
            16px;

    }

}


/* /HACKER_WEB_PROJECT_POPUP_V2 */


/* HACKER_WEB_PROJECT_POPUP_COMPACT_V3 */


/* ----------------------------------------------------------
   REMOVE OLD TILE LAYOUT VISUALLY
   ---------------------------------------------------------- */

.hwpp-project-grid,
.hwpp-budget-grid,
.hwpp-choice-section {
    display:
        none !important;
}


/* ----------------------------------------------------------
   COMPACT POPUP
   ---------------------------------------------------------- */

.hwpp-dialog {
    width:
        min(
            620px,
            100%
        ) !important;
}


.hwpp-content {
    padding:
        24px !important;
}


.hwpp-title {
    font-size:
        clamp(
            34px,
            4vw,
            48px
        ) !important;
}


.hwpp-intro {
    margin:
        11px 0
        20px !important;
}


/* ----------------------------------------------------------
   GRID
   ---------------------------------------------------------- */

.hwpp-compact-grid {
    display:
        grid;

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

    gap:
        11px;

    margin-bottom:
        11px;
}


.hwpp-contact-grid {
    margin-top:
        11px;
}


/* ----------------------------------------------------------
   SELECTS
   ---------------------------------------------------------- */

.hwpp-select-wrap {
    position:
        relative;
}


.hwpp-select-wrap::after {
    content:
        "";

    position:
        absolute;

    right:
        15px;

    top:
        50%;

    width:
        7px;

    height:
        7px;

    border-right:
        1px solid
        #a8ff00;

    border-bottom:
        1px solid
        #a8ff00;

    transform:
        translateY(-70%)
        rotate(45deg);

    pointer-events:
        none;
}


.hwpp-field select {
    display:
        block;

    width:
        100%;

    min-width:
        0;

    height:
        48px;

    margin:
        0;

    padding:
        0 40px
        0 14px;

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

    border-radius:
        10px;

    outline:
        0;

    appearance:
        none;

    -webkit-appearance:
        none;

    background:
        #030709;

    color:
        #e7ebe9;

    font:
        inherit;

    font-size:
        13px;

    cursor:
        pointer;
}


.hwpp-field select:focus {
    border-color:
        rgba(168,255,0,.42);

    box-shadow:
        0 0 0 3px
        rgba(168,255,0,.035);
}


.hwpp-field select option {
    background:
        #080d10;

    color:
        #e8ecea;
}


/* ----------------------------------------------------------
   INPUTS COMPACT
   ---------------------------------------------------------- */

.hwpp-field input {
    min-height:
        48px !important;

    padding:
        12px 14px !important;
}


.hwpp-field textarea {
    min-height:
        82px !important;

    padding:
        12px 14px !important;
}


/* ----------------------------------------------------------
   CUSTOM BUDGET
   ---------------------------------------------------------- */

.hwpp-custom-budget {
    display:
        block !important;

    max-height:
        0;

    margin:
        0;

    overflow:
        hidden;

    opacity:
        0;

    transition:
        max-height .22s ease,
        opacity .18s ease,
        margin .22s ease;
}


.hwpp-custom-budget.is-visible {
    max-height:
        95px;

    margin:
        0 0
        11px;

    opacity:
        1;
}


.hwpp-custom-budget
.hwpp-field label {
    color:
        #59c7ff;
}


/* ----------------------------------------------------------
   SUBMIT
   ---------------------------------------------------------- */

.hwpp-submit {
    min-height:
        52px !important;

    margin-top:
        14px !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 650px) {

    .hwpp {
        padding:
            8px !important;
    }


    .hwpp-dialog {
        max-height:
            calc(100dvh - 16px) !important;
    }


    .hwpp-top {
        padding:
            14px 16px !important;
    }


    .hwpp-content {
        padding:
            17px 15px
            18px !important;
    }


    .hwpp-title {
        font-size:
            34px !important;
    }


    .hwpp-intro {
        margin:
            9px 0
            16px !important;

        font-size:
            11px !important;
    }


    .hwpp-compact-grid {
        grid-template-columns:
            1fr;

        gap:
            9px;

        margin-bottom:
            9px;
    }


    .hwpp-contact-grid {
        margin-top:
            9px;
    }


    .hwpp-field {
        gap:
            5px !important;
    }


    .hwpp-field select {
        height:
            45px;

        font-size:
            16px;
    }


    .hwpp-field input {
        min-height:
            45px !important;

        font-size:
            16px !important;
    }


    .hwpp-field textarea {
        min-height:
            70px !important;

        font-size:
            16px !important;
    }


    .hwpp-custom-budget.is-visible {
        max-height:
            90px;

        margin-bottom:
            9px;
    }


    .hwpp-submit {
        min-height:
            49px !important;

        margin-top:
            11px !important;
    }

}


/* /HACKER_WEB_PROJECT_POPUP_COMPACT_V3 */



/* HACKER_WEB_SUPPORT_POPUP_NO_BUDGET_V1 */


/* ==========================================================
   SUPPORT PACKAGE MODE
   STANDARD / BUSINESS / VIP
   ========================================================== */


/*
 * Hide the whole BUDGET dropdown field.
 *
 * :has() is supported by current Chrome / mobile Chrome.
 */

.hwpp.is-support-package
.hwpp-field:has(#hwpp-budget-range) {

    display:
        none !important;

}


/*
 * Project selector becomes full width instead
 * of leaving an empty second column.
 */

.hwpp.is-support-package
.hwpp-compact-grid:has(#hwpp-project-type) {

    grid-template-columns:
        1fr !important;

}


/*
 * Fixed monthly price is already known from
 * the selected support package.
 *
 * Do not show editable "Ваш бюджет".
 */

.hwpp.is-support-package
#hwpp-custom-budget-wrap {

    display:
        none !important;

    max-height:
        0 !important;

    height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    opacity:
        0 !important;

    overflow:
        hidden !important;

}


/*
 * Keep the popup compact after removing
 * the budget controls.
 */

.hwpp.is-support-package
.hwpp-intro {

    margin-bottom:
        17px !important;

}


@media (max-width: 650px) {

    .hwpp.is-support-package
    .hwpp-compact-grid:has(#hwpp-project-type) {

        grid-template-columns:
            1fr !important;

        margin-bottom:
            9px !important;

    }

}


/* /HACKER_WEB_SUPPORT_POPUP_NO_BUDGET_V1 */