/*! * Copyright (c) 2022 WEBLIFE * * Permission is granted to use this file for the period specified in the contract * between WEBLIFE and the client. Usage of this file beyond the contract period * is strictly prohibited unless an extended license or written permission is obtained. * * Modifying or editing this file without prior written consent from WEBLIFE * is not permitted. * * THE FILE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A * PARTICULAR PURPOSE AND NONINFRINGEMENT. */ .wl-header{--predictive-search-horizontal-padding: 2.4rem}@media screen and (width < 390px){.wl-header{--predictive-search-horizontal-padding: 1.6rem }}@media screen and (width >= 750px){.wl-header{--predictive-search-horizontal-padding: 4rem }}.wl-header .wl-header-search-mobile{display:flex;grid-column:span 3;justify-content:center;margin:.6rem 0 .4rem}.wl-header .wl-header-search-mobile wl-predictive-search{width:100%;max-width:53rem}.wl-header .wl-header-search-mobile .wl-header-search{display:block;width:100%}.wl-header .wl-header-search-field{display:none;margin-right:1.4rem}.wl-header .wl-header-search-bottom{width:100%;transition:height .3s;height:0;display:none}.wl-header .search-modal__content{padding-left:var(--predictive-search-horizontal-padding)}@media screen and (width < 750px){.wl-header .search-modal__content wl-predictive-search,.wl-header .search-modal__content .wl-header-search,.wl-header .search-modal__content .wl-header-search>div{width:100%}}@media screen and (width >= 990px){.wl-header .wl-header-search-mobile{display:none}.wl-header .wl-header-search-field{display:block}}wl-predictive-search .wl-header-search-top{justify-self:flex-end}@media screen and (width < 750px){wl-predictive-search .wl-header-search-top{display:none}}wl-predictive-search .wl-header-search .field button{cursor:pointer;width:4.2rem;height:4.2rem}wl-predictive-search .wl-header-search .field button:hover{background-color:var(--menu-hover-overlay, rgb(0 0 0 / 8%))}wl-predictive-search .wl-header-search .field{border-radius:4rem;height:4.4rem;background:transparent;border:.1rem solid rgba(var(--color-foreground),.4);overflow:hidden}@media screen and (width >= 750px){wl-predictive-search .wl-header-search .field{border:none;background:rgba(var(--color-foreground),.1)}}wl-predictive-search .wl-header-search .field:after{border-radius:4rem;box-shadow:none;border:none}input:focus+wl-predictive-search .wl-header-search .field:after{border-radius:4rem}wl-predictive-search .wl-header-search .field .reset__button{right:calc(var(--inputs-border-width) + .4rem)}wl-predictive-search .wl-header-search .field .reset__button .icon.icon-close{width:2.2rem;height:2.2rem;stroke-width:.1rem}wl-predictive-search .wl-header-search .field .reset__button:not(:focus):after{display:none}wl-predictive-search .wl-header-search .field .search__button:not(:focus-visible,.focused),wl-predictive-search .wl-header-search .field .reset__button:not(:focus-visible,.focused){background:none}wl-predictive-search .wl-header-search .search__input{background-color:transparent;border-radius:4rem;padding:1.8rem 4rem .8rem;box-shadow:none;height:4rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}wl-predictive-search .wl-header-search .search__button{left:0;right:auto}wl-predictive-search .wl-header-search .reset__button{right:0;left:auto}wl-predictive-search .wl-header-search .field__label{left:4rem;font-size:1.4rem}wl-predictive-search .wl-header-search .field__input:focus~.field__label,wl-predictive-search .wl-header-search .field__input:not(:placeholder-shown)~.field__label,wl-predictive-search .wl-header-search .field__input:-webkit-autofill~.field__label{font-size:.8rem;top:calc(var(--inputs-border-width) + .3rem)}wl-predictive-search .wl-header-search .predictive-search{display:block;visibility:hidden;opacity:0;background-color:rgb(var(--color-background))}wl-predictive-search .wl-header-search .predictive-search-loading{display:flex;justify-content:center;align-items:center}wl-predictive-search .wl-header-search .predictive-search-loading svg{width:2rem;height:2rem}wl-predictive-search .wl-header-search .suggestion-header{line-height:calc(1 + .5 / var(--font-body-scale));position:absolute;top:100%;right:0;left:auto;width:100%;max-width:53rem;padding:1.2rem 0;z-index:4;display:block;border:none;transition:opacity var(--ease-out-cubic-bezier-duration) var(--ease-out-cubic-bezier),visibility 0s var(--ease-out-cubic-bezier-duration);will-change:opacity,visibility;opacity:0;visibility:hidden}wl-predictive-search .wl-header-search .suggestion-header .count-container{display:flex;justify-content:space-between;padding:0 0 1.4rem;margin:0 var(--predictive-search-horizontal-padding) .8rem;border-bottom:.1rem solid #dbdbdb}@media screen and (width >= 750px){wl-predictive-search .wl-header-search .suggestion-header .count-container{margin:0 4rem .8rem}}wl-predictive-search .wl-header-search .suggestion-header .count-title,wl-predictive-search .wl-header-search .suggestion-header .count-box{text-align:justify;margin:0}wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list{list-style:none;padding:0;margin:0 0 .4rem}wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list .predictive-search-link{display:flex;justify-content:start;padding:1rem var(--predictive-search-horizontal-padding);text-decoration:none}@media screen and (width >= 750px){wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list .predictive-search-link{padding-top:1.2rem;padding-bottom:1.2rem}}wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list .predictive-search-link:hover{background:var(--menu-hover-overlay, rgb(0 0 0 / 8%))}wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list .predictive-search-item .predictive-search-image{width:7rem;height:7rem;margin-right:1rem}@media screen and (width >= 750px){wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list .predictive-search-item .predictive-search-image{width:8rem;height:8rem}}wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list .predictive-search-item .predictive-search-item-content .predictive-search-item-heading{font-size:1.4rem;margin:0}wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list .predictive-search-item .predictive-search-item-content .price__container{font-size:1.6rem;line-height:172%;letter-spacing:.064rem;margin:0}wl-predictive-search .wl-header-search .suggestion-header .predictive-search-list:empty+.predictive-search-search-for-button{display:none}wl-predictive-search .wl-header-search .suggestion-header .predictive-search-search-for-button{display:flex;justify-content:center}wl-predictive-search .wl-header-search .suggestion-header .trending-title{color:var(--color-foreground);text-align:justify;font-size:1.4rem;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.056rem;margin:0 0 1.2rem;padding:0 var(--predictive-search-horizontal-padding)}wl-predictive-search .wl-header-search .suggestion-header .trending-list{display:flex;overflow-x:auto;list-style:none;width:100%;max-width:100%;white-space:nowrap;padding-left:var(--predictive-search-horizontal-padding);padding-bottom:1.6rem;margin-bottom:1.6rem}wl-predictive-search .wl-header-search .suggestion-header .trending-item{display:flex;align-items:center;padding:.8rem 2rem .8rem 1.4rem;border-radius:10rem;border:.1rem solid;background-color:var(--color-button);margin-right:.8rem;flex-shrink:0;cursor:pointer}wl-predictive-search .wl-header-search .suggestion-header .trending-item:hover{background-color:var(--menu-hover-overlay, rgb(0 0 0 / 8%))}wl-predictive-search .wl-header-search .suggestion-header .trending-icon{margin-right:1rem}wl-predictive-search .wl-header-search .suggestion-header .trending-icon svg{width:1.2rem;height:1.2rem}wl-predictive-search .wl-header-search .suggestion-header .trending-word{color:var(--color-foreground);font-size:1.2rem;font-style:normal;font-weight:700;line-height:160%;letter-spacing:.048rem}wl-predictive-search .wl-header-search .suggestion-header .search-history-header{display:flex;align-items:center;justify-content:space-between;margin:0 var(--predictive-search-horizontal-padding) 1.2rem;padding:0 0 .4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.2)}wl-predictive-search .wl-header-search .suggestion-header .search-history-title{color:var(--color-foreground);font-size:1.4rem;font-weight:400;line-height:150%;letter-spacing:.056rem;margin:0}wl-predictive-search .wl-header-search .suggestion-header .search-history-clear-all{width:4.4rem;height:4.4rem;background:none;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;border-radius:50%;color:var(--color-foreground)}wl-predictive-search .wl-header-search .suggestion-header .search-history-clear-all:hover{background-color:var(--menu-hover-overlay, rgb(0 0 0 / 8%))}wl-predictive-search .wl-header-search .suggestion-header .search-history-list{padding:0 var(--predictive-search-horizontal-padding);margin:0}wl-predictive-search .wl-header-search .suggestion-header .search-history-item{display:flex;justify-content:space-between;padding:0;min-height:4.8rem}wl-predictive-search .wl-header-search .suggestion-header .search-history-item button{background:none;border:none}wl-predictive-search .wl-header-search .suggestion-header .search-history-item button.delete-history{width:4.4rem}wl-predictive-search .wl-header-search .suggestion-header .search-term{color:var(--color-foreground);font-size:1.4rem;font-weight:400;line-height:150%;letter-spacing:.056rem;padding:0;margin-right:.8rem;flex-grow:1;text-align:left}wl-predictive-search .wl-header-search .wl-modal-overlay{display:none;position:absolute;background-color:rgb(var(--color-foreground),.5);top:100%;left:0;right:0;height:100vh;z-index:3;transition:opacity var(--ease-out-cubic-bezier-duration) var(--ease-out-cubic-bezier),visibility 0s var(--ease-out-cubic-bezier-duration);opacity:0;visibility:hidden}wl-predictive-search[open] .wl-modal-overlay,wl-predictive-search[open] .predictive-search{opacity:1;visibility:visible;transition:opacity var(--ease-out-cubic-bezier-duration) var(--ease-out-cubic-bezier),visibility 0s}wl-predictive-search[open] .wl-modal-overlay{display:flex}wl-predictive-search[loading] .wl-modal-overlay{display:flex}wl-predictive-search[loading] .predictive-search{display:block}wl-predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:.8rem}wl-predictive-search[loading] .predictive-search__search-for-button{display:none}wl-predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}wl-predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button{display:initial}@media screen and (width < 390px){wl-predictive-search .suggestion-header .search-history-list,wl-predictive-search .suggestion-header .trending-list{padding:0 var(--page-small-horizontal-padding)}wl-predictive-search .suggestion-header .search-history-header{margin:0 2rem 2.4rem}}