/* Start:/local/css/elements/v2024/btn.outline-brand.css?1758718697236*/
.btn.btn-outline-brand{
    --button-color: var(--accent-500);
    --button-background: var(--white-a10);
    --button-hover-background: var(--accent-a25);
    border: 0.1rem solid var(--button-color);
}
.btn.btn-outline-brand:hover{

}
/* End */


/* Start:/local/components/vue/form/fileinput-button/style.css?1745924421116*/
.fileinput-button{
    margin-bottom: 0;
}
.fileinput-button__input{
    display: none;
}
.fileinput-button__icon{
}
/* End */


/* Start:/local/components/vue/projects/photo-search/drop-panel/style.css?17459244212625*/
.search-panel__wrapper{
    --panel-height: auto;
    --panel-background-color: #F3F6F4;

    background-color: #33333300;
}

.search-panel__wrapper.--fixed{
    background-color: #33333355;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: 1000;
}
.search-panel{
    border: 1px dashed #595A5A;
    border-radius: 1.6rem;

    color: #33333388;
    background-color: var(--panel-background-color);

    padding: 1.6rem 1.2rem;

    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    height: var(--panel-height);
}
.search-panel__wrapper.--fixed .search-panel{
    position: absolute;
    width: 90vw;
    left: 5vw;
    top: 30vh;
}
.search-panel__close{
    display: none;

    justify-content: center;
    align-items: center;
    padding: 0;
    position: absolute;

    width: 4rem;
    height: 4rem;

    top: calc(30vh - 5rem);
    right: calc(5vw - 1rem);

    border: none;
    background: none;
}
.search-panel__close:focus{
    outline: none;
}
.search-panel__close svg{
    width: 3rem;
    height: 3rem;
    fill: #33333399;
}
.search-panel__wrapper.--fixed .search-panel__close{
    display: flex;
}
@media (min-width: 576px) {
    .search-panel__wrapper.--fixed .search-panel {
        width: 46.2rem;
        left: calc(50% - 46.2rem / 2);
    }
    .search-panel__close{
        right: calc(50% - 46.2rem / 2 - 1rem);
    }
}
@media (min-width: 992px) {
    .search-panel__wrapper{
        --panel-height: 26.6rem;
    }
    .search-panel{
        padding: 2rem 3rem;
    }
    .search-panel__wrapper.--fixed .search-panel{
        top: calc(50% - var(--panel-height) / 2);
    }
    .search-panel__close{
        top: calc(50% - var(--panel-height) / 2 - 5rem);
    }
}
.search-panel__icon-add{
    width: 5.6rem;
    height: 5.6rem;

    fill: #d9d9d9;
}
.search-panel > * + *{
    margin-top: 0.8rem;
}
.search-panel__title{
    color: #333;
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
}
@media (min-width: 992px) {
    .search-panel__title{
        font-size: 2.6rem;
    }
}
.search-panel__input{
    display: none;
}
.search-panel__selected{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;

    width: 100%;
}
.search-panel__preview{
    width: 16.8rem;
    height: 11.3rem;

    object-fit: cover;

    border-radius: 0.5rem;
}
.search-panel__buttons{
    display: flex;
    flex-flow: row nowrap;
    gap: 0.8rem;

    width: 100%;
    margin-top: 2.8rem;
}
.search-panel__buttons > *{
    flex: 50% 1 1;
}


/* End */


/* Start:/local/components/vue/projects/photo-search/standby/style.css?17459244212755*/
.ps-standby{
    margin-bottom: 3rem;
}
.ps-standby .text-primary{
    color: var(--color-brand-primary);
}
.ps-standby__top{
    background-color: #f3f6f4;

    padding-top: 3.4rem;
    padding-bottom: 2.4rem;
}
.ps-standby h1{
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
    line-height: normal;
}
.ps-standby__hint{
    font-size: 1.8rem;
}
.col-image{
    width: 100%;
}
.col-image img{
    width: 100%;
    object-fit: cover;
}
@media (min-width: 992px) {
    .ps-standby{
        --dropzone-width: 46.2rem;
    }
    .ps-standby__top{
        padding-top: 5.7rem;
        padding-bottom: 5.7rem;
    }
    .ps-standby h1{
        font-size: 3.6rem;
        margin-bottom: 2.6rem;
    }
    .ps-standby__hint{
        font-size: 2rem;
    }
    .col-search-panel{
        flex-basis: calc(var(--dropzone-width) + 3rem );
        flex-shrink: 0;
        flex-grow: 0;
    }
    .col-image{
        position: absolute;

        right: calc(var(--dropzone-width) * 1.05);
        top: 70%;

        width: calc((var(--dropzone-width) + 3rem) * 0.8);
    }
}

.ps-steps{
    margin-top: 4.2rem;
}
.ps-steps__header{
    text-align: center;
    font-size: 2.4rem;
    line-height: normal;

    margin-bottom: 0.5rem;
}
.ps-steps__items{
    margin-left: -1.2rem;
    margin-right: -1.2rem;
}
.ps-steps__items > [class*=col] {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
@media (max-width: 991px) {
    .ps-steps__items > [class*=col] + [class*=col]{
        margin-top: 2.4rem;
    }
}
.ps-steps__item{
    padding: 3.9rem 4.1rem;

    background-color: #f3f6f4;
    background-repeat: no-repeat;
    background-position: bottom right;

    border-radius: 1.3rem;
    overflow: hidden;

    height: 33.2rem;
    font-size: 1.8rem   ;
}
.ps-steps__items > *:first-child .ps-steps__item{
    background-image: url(https://www.gwd.ru/upload/medialibrary/dd9/dd9f01ab0f1ca3574aa8acdac296f9a4.png);
}
.ps-steps__items > *:nth-child(2) .ps-steps__item{
    background-image: url(https://www.gwd.ru/upload/medialibrary/316/31655200c1c13aab0d7b3b4ea1b0751f.png);
    background-position: bottom -2.8rem right -0.88rem;
}
.ps-steps__items > *:nth-child(3) .ps-steps__item{
    background-image: url(https://www.gwd.ru/upload/medialibrary/cc9/cc9280ebee8877454c3ed3c3ae20b0de.png);
    background-position: bottom -5.6rem right -6.1rem;
}
.ps-steps__disclaimer{
    font-size: 1.2rem;
    text-align: center;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}
@media (min-width: 992px) {
    .ps-steps{
        margin-top: 22.6rem;
    }
    .ps-steps__item{
        padding: 3.7rem 4.1rem;
    }
    .ps-steps__header{
        font-size: 3rem;
        margin-bottom: 3.9rem;
    }
    .ps-steps__disclaimer{
        margin-top: 3.3rem;
    }
}
/* End */


/* Start:/local/components/vue/projects/photo-search/project-card/style.css?17459244211610*/
.ps-card{
    display: block;
    text-decoration: none;
    color: var(--neutral-950);
    font-size: 2.4rem;
    width: 100%;
}
.ps-card:hover{
    text-decoration: none;
    color: var(--neutral-950);
}
.ps-card__image-wrapper{
    position: relative;
}
.ps-card__image-wrapper::before{
    display: block;

    content: '';

    width: 100%;
    padding-top: 100%;
}
@media (min-width: 992px) {
    .ps-card__image-wrapper::before{
        padding-top: 70%;
    }
}
.ps-card__image{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}
.ps-card__info{
    padding: 0;
    margin-top: 1.6rem;

    display: flex;
    flex-flow: column;
    gap: 0.8rem;
}
.ps-card__name{
    line-height: 1.2;
    font-weight: 500;
}
.ps-card__price{
    color: var(--color-brand-primary);
    font-weight: 700;
}
.ps-card__price.--individual{
    font-size: 1.2rem;
}
@media (max-width: 991px) {
    .ps-card__name{
        font-size: 2rem;
    }
    .ps-card__price{
        font-size: 2.5rem;
    }
    .ps-card__price-unit{
        font-size: 0.6em;
    }
}


@media (min-width: 992px) {
    .ps-card{
        font-size: 2.4rem;
        background-color: white;

        border-radius: 1.6rem;
        overflow: hidden;
    }
    .ps-card__info{
        padding: 2rem 2.18rem;
        height: 10.7rem;
        margin-top: 0;

        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 1.36rem;
    }
    .ps-card__name{
        line-height: 1.36;
    }
    .ps-card__price{
        text-align: right;
    }
}
/* End */


/* Start:/local/components/vue/projects/photo-search/results/style.css?17459244211565*/
.ps-results__header{
    display: flex;
    flex-flow: column;
    padding-top: 3rem;
    padding-bottom: 3.7rem;
}
@media (min-width: 992px) {
    .ps-results__header{
        flex-flow: row nowrap;
        padding-top: 5.6rem;
    }
}
.ps-results__preview{
    max-width: 16.4rem;
    max-height: 11rem;

    border-radius: 0.5rem;
    overflow: hidden;


    flex-shrink: 0;
    flex-grow: 0;
}
.ps-results__header-data{
    flex-grow: 1;
    flex-shrink: 1;

    flex-basis: 100%;

    align-self: stretch;

    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
.ps-results__header-data h2{
    font-size: 2.4rem;

    margin-top: 1.7rem;
    margin-bottom: 1.2rem;
}

.ps-results__counter-wrapper{
    font-size: 1.8rem;
}
.ps-results-counter{
    color: var(--color-brand-primary);
    font-weight: 500;
}
.ps-results__change-file{
    margin-top: 2.5rem;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .ps-results__preview{
        max-width: 26.6rem;
        max-height: 18rem;
    }
    .ps-results__header-data{
        padding-left: 2.4rem;
    }
    .ps-results__header-data h2{
        font-size: 3.4rem;

        margin-top: 0;
        margin-bottom: 1.1rem;
    }
    .ps-results__change-file {
        margin-top: auto;
    }
}

.ps-results__found{
    padding-top: 3.6rem;
    background-color: #f7f7f7;

    margin-bottom: -2.4rem;
}
.ps-results__found-list{
}
.ps-results__found-list > *{
    margin-bottom: 1.6rem;
}
@media (min-width: 992px) {
    .ps-results__found-list > *{
        margin-bottom: 2.4rem;
    }
}
/* End */


/* Start:/projects/photo-search/style.css?17459244221247*/
.ps-catalog-invite__wrapper{
    background-color: white;
    transition: background-color 0.2s;
}
.ps-catalog-invite__wrapper.--bg-gray{
    background-color: #f7f7f7;
}
.ps-catalog-invite{
    padding-top: 4.8rem;
    padding-bottom: 5.9rem;
    display: flex;
    flex-flow: column;
}

.ps-catalog-invite__header{
    font-size: 2.4rem;
    line-height: normal;
    margin-bottom: 0;
}
.ps-catalog-invite__text{
    margin-top: 1.3rem;
    line-height: normal;
}
.ps-catalog-invite__image{
    width: 100%;
    margin-top: 2.5rem;
}
.ps-catalog-invite__link{
    width: 100%;
    margin-top: 3rem;
}

@media (min-width: 992px) {
    .ps-catalog-invite{
        display: grid;

        grid-template-areas:
        'a c'
        'b c'
        'b c'
        'b c'
        'b c'
        'd c';
    }

    .ps-catalog-invite__header{
        grid-area: a;
        font-size: 3rem;
    }
    .ps-catalog-invite__text{
        grid-area: b;
        font-size: 1.8rem;
    }
    .ps-catalog-invite__image{
        grid-area: c;
        margin-top: 0;
        height: 26rem;
        object-fit: contain;
        object-position: center;
    }
    .ps-catalog-invite__link{
        grid-area: d;
        width: 20.4rem;
        margin-top: 7rem;
    }
}
/* End */
/* /local/css/elements/v2024/btn.outline-brand.css?1758718697236 */
/* /local/components/vue/form/fileinput-button/style.css?1745924421116 */
/* /local/components/vue/projects/photo-search/drop-panel/style.css?17459244212625 */
/* /local/components/vue/projects/photo-search/standby/style.css?17459244212755 */
/* /local/components/vue/projects/photo-search/project-card/style.css?17459244211610 */
/* /local/components/vue/projects/photo-search/results/style.css?17459244211565 */
/* /projects/photo-search/style.css?17459244221247 */