.m-only{ display: none !important }
.pp-a-toggle-search.active img{ opacity: 0.2 !important; }
.pp-search{ position: fixed; top: 80px; height: calc(100vh - 80px); width: 100vw; z-index: 300; background: rgba(0, 0, 0, 0.4); color: var(--theme-color-text); display: none }
.pp-search .hitarea{ height: 100vh; width: 100vw; background: rgba(0, 0, 0, 0.6); }
.pp-search .panel{ background: linear-gradient(180deg, rgba(83, 81, 97, 1) 0%, rgba(41, 40, 50, 1) 100%); box-shadow: 0 20px 10px -15px rgb(0 0 0 / 25%) }
html.pp-light .pp-search .panel{ background: #f5f4f9; }
.pp-search .panel label{ font-weight: 600; }
.pp-search .panel label span{ opacity: 0.5 }
.pp-search .panel .c{ max-width: 80vw; margin: 0 auto; display: flex; flex-direction: column; padding: 20px 0 0 0; }
.pp-search .panel .r{ display: flex; flex: 1; border-bottom: 1px solid var(--theme-color-line-soft); padding: 20px 0; align-items: center }
.pp-search .panel .r > div{ flex: 1 }
.pp-search .panel .r p{ color: var(--theme-color-text-soft) }
.pp-search .panel .r > div:last-child > div{ display: flex; justify-content: flex-end; }
.pp-search .panel .r > div:last-child > div input{ width: 100%; max-width: 200px }
.pp-search .panel .r:last-child{ border: none }
.pp-search .panel .input-pre span{ position: relative; margin-right: -20px; display: inline-flex; align-items: center; }
.pp-search .panel .input-pre input{ padding-left: 24px }
.pp-search .results{ background: #ff0; height: 10px }
.pp-search-outcome-holder{ display: none }
.pp-search-outcome-holder .pp-search-outcome{ max-width: 800px; margin: 0 auto; padding: 20px 0 }
.pp-search-bar-holder{ display: none; position: relative }
.pp-search-bar-holder .filtered{ display: flex; align-items: center; cursor: pointer }
.search-chip{ padding: 2px 6px; border-radius: 6px; background: var(--theme-search-chip-bg); display: inline-flex; margin: 2px; cursor: pointer; color: var(--theme-search-chip-text) }
.search-chip:before{ content: ''; font-weight: bold; margin-right: 4px }
.search-chip.chip-budget:before{ content: '$'; }
.search-chip.chip-tag:before{ content: '#'; }
.search-chip:empty{ display: none }
.pp-search-bar-holder{ margin: 0 auto; padding-left: 100px; }
.pp-search .panel .category-pill-holder{ padding: 20px 0 }
.pp-search-bar-holder .filtered{ display: none }
.pp-search-bar-holder .filtered .s-icon{ padding: 0 20px; margin-top: 6px }
.pp-search-bar-holder .pp-search-input{ background-repeat: no-repeat; background-position: 10px center; background-size: 19px; background-image: url(/assets/img/v3/home-icon-search-active.svg); -webkit-transform: translate3d(0, 0, 0) !important; padding-left: 40px; min-width: 30vw }
.pp-search-outcome h4{ margin: 20px 0; font-weight: normal }
.pp-search-outcome .pp-results-match .pp-card-carousel{ padding: 10px 120px 40px 20px !important }
.pp-search-outcome .pp-results-match .pp-card-carousel .pp-card{ width: 132px; height: 132px; margin-right: 12px; }
.pp-search-outcome .pp-results-match .pp-card-carousel .pp-card .pp-info *{ font-size: 12px !important; }
.pp-search .search-error{ background: #D2256399; padding: 10px; display: none; color: #fff; border-radius: 2px }
.pp-search-bar-holder .input .m-close-x{ display: none }
@media screen and (max-width: 680px){
    .m-only{ display: block !important }
    .m-only.flex{ display: flex !important }
    .pp-search{ position: fixed; top: 95px; }
    .pp-search .panel .c{ max-width: 95vw; padding: 20px; }
    .pp-search .panel .r{ flex-direction: column; align-items: flex-start; padding: 0; margin-bottom: 10px }
    .pp-search .panel{ background: var(--theme-color-bg) }
    .pp-search .panel .r > div:last-child{ margin: 10px 0; width: 100% }
    .pp-search .panel .r > div:last-child > div{ display: flex; justify-content: none; }
    .pp-search .panel .r > div:last-child > div input{ width: 100%; max-width: 100% }
    .pp-search-bar-holder .input .m-close-x{ position: absolute; font-size: 12px; top: 10px; right: 10px; width: 44px; height: 38px; display: none; align-items: center; justify-content: center; text-align: center; font-weight: bold; color: #fff }
    .pp-search-bar-holder .input .m-close-x > div{ background: rgba(0, 0, 0, 0.3); font-size: 12px; width: 24px; height: 24px; border-radius: 24px; line-height: 24px; text-align: center; font-weight: bold; color: #fff }
    .pp-search .hitarea{ background: var(--theme-color-bg) }
    html.pp-light .pp-search .hitarea{ background: #f5f4f9; }
    .pp-search-outcome-holder{ padding-top: 60px; }
    .pp-search-outcome-holder .pp-search-outcome{ max-width: 92vw; margin: 0 auto }
    .pp-search-bar-holder{ padding: 10px; background: none; position: fixed !important; z-index: 100; width: 100% }
    .pp-search-bar-holder.active{ background: var(--theme-color-bg); }
    html.pp-light .pp-search-bar-holder.active{ background: #f5f4f9; }
    .pp-search-bar-holder .pp-search-input{ width: 100%; }
    .pp-search-outcome .pp-results-match .pp-card-carousel .pp-card .pp-info *{ font-size: 10px !important; }
    .pp-search-outcome h4{ margin: 10px 0; font-weight: normal }
    .pp-search .search-error{ width: 100% }
}