.select__container {
    display: grid;
    gap: .625rem;
    margin-top: 2rem;
    grid-template-columns: repeat(4, 1fr) 155px;
}

div[data-select-moto] {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    align-items: start;
}
/*.select__container .submit__button img {*/
/*    filter: invert(100%);*/
/*    width: 2rem;*/
/*}*/
.your__motorcycle {
    margin-top: -2rem;
    padding: 4rem 0;
    background-color: rgba(0,0,0,.03);
    /*background-image: url('../../assets/images/cross-motorcycle.jpg');*/
    /*background-position: center;*/
    /*background-position: 25% 27%;*/
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    min-height: 40vh;
    background-size: 100%;
}
.your__motorcycle .section__title {
    color: var(--white);
    font-weight: 1000;
    font-size: 3rem;
    margin-bottom: .4rem;
    text-align: center;
}
.your__motorcycle .section__subtitle {
    color: var(--white);
    font-size: 1rem;
    text-align: center;
}
.your__motorcycle .most__popular {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: auto;
    color: var(--white);
    width: 100%;
    padding: .3rem;
}
.most__popular .most__popular__title {
    font-size: 0.875rem;
    font-weight: 200;
    margin-right: 1rem;
}
.most__popular .motorcycles {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}
.most__popular .motorcycles a {
    font-size: 0.75rem;
    font-weight: 400;
    cursor: pointer;
    transition: .6s;
    text-decoration: none;
    color: var(--white);
}
.most__popular .motorcycles a:hover {
    color: var(--orange);
    transition: .6s;
}
.moto__item {
    display: none;
    flex-direction: column;
    justify-content: center;
    color: white;
    padding: 0 0 1.5rem 0;
    width: 670px;
    gap: .5rem;
    align-items: start;
}
.moto__item .moto__header {
    font-size: 2.4rem;
    font-weight: 1000;
    color:var(--black);
}
.moto__item .moto__name {
    font-size: 3rem;
    font-weight: 800;
    color: var(--orange);
    text-decoration: none;
    cursor: pointer;
}
.your__motorcycle .settings, .items .your__motorcycle .settings {
    display: flex;
    gap: 3rem;
    margin-top: .8rem;
}
.your__motorcycle .settings .settings__item {
    font-size: 0.875rem;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid var(--orange);
    padding: 1rem 1.3rem;
    text-transform: uppercase;
    color: var(--orange);
    text-decoration: none;
}
.your__motorcycle .settings .settings__item--edit:before {
    content: '';
    background-image: url('/assets/svg/edit-2.svg');
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    position: absolute;
    left: -2rem;
    top: -0.3rem;
    filter: invert(1);
    background-repeat: no-repeat;
}
.your__motorcycle .switcher {
    display: flex;
    justify-content: center;
    /*gap: 1.5rem;*/
    /*position: absolute;;*/
    margin-top: .5rem;
}
.switcher .form__changer {
    color: white;
    font-size: 1rem;
    cursor: pointer;
}
.switcher .form__changer.active {
    border-bottom: 3px solid white;
    font-weight: 500;
}
.your__motorcycle .moto__query-wrapper {
    width: 100%;
    display: flex;
    align-items: start;
}
.your__motorcycle .dynamic__moto__form {
    margin-top: 2rem;
    display: flex;
    justify-content: start;
    gap: .625rem;
}

/*.dynamic__moto__form .submit__button:after {*/
/*    content: attr(data-desktop-value);*/
/*}*/
.dynamic__moto__form .form_input:not(input[type="checkbox"]) {
    margin-bottom: 0;
    height: 50px;
}
.dynamic__moto__form .position__relative .moto__input {
    max-width: 450px;
    width: 450px;
}
.moto__result--item, .result__click--item {
    justify-content: start;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 1rem;
    color: #525252;
    padding: .6rem 0 .6rem .7rem;
    transition: .6s;
}
.moto__result--item:hover, .result__click--item:hover {
    background: #ccc;
    transition: .6s;
}
.moto__query--result {
    border-radius: 0 0 5px 5px;
    top: 50px;
    padding: 1rem 0;
}
.search__button.-delete.-fulltext {
    background-image: url('../../assets/svg/x.svg');
    background-size: 100%;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 43px;
    top: 13px;
}
.match__motorcycle {
    background-image: url('../../assets/images/cross-motorcycle.jpg');
    background-size: cover;
    /*background-position: center;*/
    background-position: 25% 27%;
    background-repeat: no-repeat;
    display: flex;
    padding: 4.5rem 2rem;
    margin-bottom: 2rem;
}
.match__motorcycle .section__title {
    text-align: center;
    color: white;
    font-size: 1.85rem;
    font-weight: 600;
}
.moto__list--container .pseudo__input {
    background: white;
    text-align: center;
    border-radius: 3px;
    padding: 1rem;
    margin: 0 auto;
    width: 360px;
    max-width: 360px;
    position: relative;
    cursor: pointer;
}
.moto__list--container .moto__query--result {
    max-width: 360px;
    margin: 0 auto;
    width: 360px;
    left: 0;
    right: 0;
}
.moto__list--container .pseudo__input:after {
    content: '';
    position: absolute;
    right: 15px;
    background-image: url("/assets/svg/chevron-down.svg");
    width: 16px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.moto__list--container .arrow__rotated.pseudo__input:after {
    transform: rotate(180deg);
}
.select__container .nice-select {
    width: 180px;
}
@media only screen and (max-width: 1023px) {
    .select__container {
        grid-template-columns:  1fr 1fr 1fr 1fr 120px;
    }
    .your__motorcycle .select__container {
        display: flex;
        flex-direction: column;
        margin: 1.5rem 3.3rem 0 3.3rem;
    }
}
@media only screen and (max-width: 767px) {
    .your__motorcycle .most__popular {
        display: none;
    }

    .moto__item {
        width: 100%;
    }

    .your__motorcycle .section__title {
        font-size: 2.4rem;
    }
    div[data-select-moto] {
        align-items: center;
    }
}
@media only screen and (max-width: 680px) {
    /*.dynamic__moto__form .submit__button:before {*/
    /*    content: "";*/
    /*    background-image: url("/assets/svg/search.svg");*/
    /*    position: relative;*/
    /*    height: 24px;*/
    /*    display: flex;*/
    /*    width: 24px;*/
    /*    top: -3px;*/
    /*    filter: invert(100%);*/
    /*}*/
    /*.dynamic__moto__form .position__relative:after {*/
    /*    content: '';*/
    /*    background-image: url("/assets/svg/right-arrow.svg");*/
    /*    width: 24px;*/
    /*    height: 24px;*/
    /*    position: absolute;*/
    /*    right: 5px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: cover;*/
    /*}*/

    .most__popular .motorcycles {
        height: 45px;
    }
    .your__motorcycle .dynamic__moto__form {
        /*margin: 2.5rem 3rem 0 3rem;*/
        text-align: center;
        width: 100%;
        display: unset;
        margin: 1.5rem auto .5rem auto;
    }
    .dynamic__moto__form .position__relative {
        margin-bottom: 1rem;
    }
    .dynamic__moto__form .position__relative .moto__input,
    .dynamic__moto__form .position__relative {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
    }
    .select__container, .select__container .nice-select {
        width: 100%;
    }
    .your__motorcycle{
        background-position: center;
    }
}
@media only screen and (max-width: 525px) {
    .your__motorcycle .section__subtitle {
        display: none;
    }
    .moto__item .moto__header {
        font-size: 2.4rem;
    }
    .moto__item .moto__name {
        font-size: 3rem;
    }
    .your__motorcycle .switcher {
        top: .5rem;
    }

}
@media only screen and (max-width: 435px) {
    .your__motorcycle {
        padding-bottom: 3rem;
        height: auto;
    }
}