body.search-modal-active{overflow:hidden;touch-action:none;-ms-touch-action:none}.c-search-bar input:-webkit-autofill,.c-search-bar input:-webkit-autofill:hover,.c-search-bar input:-webkit-autofill:focus,.c-search-bar input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 20px 20px #f4fcfe;box-shadow:inset 0 0 20px 20px #f4fcfe}.c-search-bar *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.c-search-bar--direction--rtl{direction:rtl}.c-search-bar--direction--rtl .c-search-bar__modal{-webkit-transform:translateX(100%);transform:translate(100%)}.c-search-bar--direction--rtl .c-search-bar__modal-close{left:65px;right:auto}.c-search-bar__modal{background:#fff;-webkit-transform:translateX(-100%);transform:translate(-100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;z-index:2}.c-search-bar__modal.js-active{-webkit-transform:translateX(0%);transform:translate(0)}@media screen and (min-width: 768px){.c-search-bar__modal{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.c-search-bar__modal.js-active{-webkit-transform:translateY(0%);transform:translateY(0)}}.c-search-bar__modal-close{padding:8px;border:none;background:none;cursor:pointer}@media screen and (min-width: 768px){.c-search-bar__modal-close{position:absolute;right:65px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.c-search-bar__overlay{position:fixed;top:0;left:0;height:100vh;width:100%;background:#151313cc;display:none;z-index:1}.c-search-bar__overlay.js-active{display:block}.c-search-bar__header{padding:8px 15px;border-bottom:.5px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}@media screen and (min-width: 768px){.c-search-bar__header{padding:40px 65px;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.c-search-bar__form{padding:14px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;border-radius:0;background:#f4fcfe;width:100%}@media screen and (min-width: 768px){.c-search-bar__form{width:60%;max-width:580px}}.c-search-bar__search-input{background:#0000;border:none;font-size:13px;font-weight:300;line-height:21px;color:#5f5f5f!important;width:100%}.c-search-bar__search-input:focus{outline:none}.c-search-bar__search-input:focus~.c-search-bar__clean-button{cursor:pointer;opacity:1}@media screen and (min-width: 768px){.c-search-bar__search-input:focus~.c-search-bar__clean-button{cursor:pointer;opacity:1}}.c-search-bar__search-input::-ms-clear{display:none;width:0;height:0}.c-search-bar__search-input::-ms-reveal{display:none;width:0;height:0}.c-search-bar__search-input::-webkit-search-decoration,.c-search-bar__search-input::-webkit-search-cancel-button,.c-search-bar__search-input::-webkit-search-results-button,.c-search-bar__search-input::-webkit-search-results-decoration{display:none}.c-search-bar__clean-button{background:none;border:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;padding:0}@media screen and (min-width: 768px){.c-search-bar__clean-button{cursor:initial;opacity:0}}.c-search-bar__clean-button svg{width:16px;height:16px}.c-search-bar__search-button{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.c-search-bar__search-button svg{width:16px;height:16px}.c-search-bar__wrapper{padding:8px 15px 35px}@media screen and (min-width: 768px){.c-search-bar__wrapper{padding:30px 60px 50px}}.c-search-bar__results{display:none;max-width:1440px;margin:0 auto;grid-template-columns:1fr;grid-template-rows:auto auto;gap:24px}.c-search-bar__results.js-active{display:grid}@media screen and (min-width: 768px){.c-search-bar__results{grid-template-columns:1fr 1fr 2fr;row-gap:0;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px}}.c-search-bar__default-state{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:24px}.c-search-bar__default-state.js-hide{display:none}@media screen and (min-width: 768px){.c-search-bar__default-state{grid-template-columns:1fr 1fr 2fr}}.c-search-bar__list-title{font-family:var(--font-heading);font-size:18px;font-weight:500;line-height:20px;color:#000!important;margin:0 0 24px}@media screen and (min-width: 768px){.c-search-bar__list-title{margin-bottom:30px}}.c-search-bar__list{padding:0;list-style:none;margin:0}.c-search-bar__list a,.c-search-bar__list span{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-search-bar__list a:hover,.c-search-bar__list span:hover{text-decoration:underline}.c-search-bar__list li{padding:0 0 15px}.c-search-bar__list li:last-child{padding-bottom:0}.c-search-bar__list *{font-family:var(--font-heading);font-size:14px;font-weight:500;line-height:16px;color:#222!important;text-decoration:none}.c-search-bar__list b{font-weight:900}@media screen and (min-width: 768px){.c-search-bar__list-outer--suggestions-result{grid-column-start:1;grid-column-end:2}}@media screen and (min-width: 768px){.c-search-bar__list-outer--collections-result{grid-column-start:2;grid-column-end:3}}.c-search-bar__list-outer--collections-result ul>li>a{gap:0!important}@media screen and (min-width: 768px){.c-search-bar__recommendation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-column-start:3;grid-column-end:4}}.c-search-bar__controls-arrow{position:relative;z-index:2;padding:100px 0 0;height:55%;-ms-flex-item-align:start;align-self:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:100%;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;cursor:pointer}.c-search-bar__controls-arrow:hover{opacity:60%}.c-search-bar__controls-arrow svg{width:auto;height:21px}.c-search-bar__controls-arrow--left svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c-search-bar__controls-arrow--left--rtl svg{-webkit-transform:rotate(0deg);transform:rotate(0)}.c-search-bar__controls-arrow--right--rtl svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (min-width: 768px){.c-search-bar__controls-arrow{padding:25px;-ms-flex-item-align:unset;align-self:unset;height:55%}}.c-search-bar__recommendation-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:100%}.c-search-bar__recommendation-wrapper:after{display:block;content:"";position:absolute;top:0;right:0;left:auto;width:50px;height:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,.9)),to(rgba(255,255,255,0)));background:linear-gradient(270deg,#ffffffe6,#fff0);pointer-events:none;z-index:1}@media screen and (min-width: 768px){.c-search-bar__recommendation-wrapper:after{display:none}}.c-search-bar__recommendation-wrapper .flickity-viewport{width:100%}.c-search-bar__recommendation-wrapper .flickity-button{background:#0000;z-index:2;outline:none;border:none;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:33%}.c-search-bar__recommendation-wrapper .flickity-button.previous{left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.c-search-bar__recommendation-wrapper .flickity-button.next{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.c-search-bar__recommendation-wrapper .flickity-button svg{width:16px;position:relative;top:auto;left:auto}.c-search-bar__recommendation-wrapper .flickity-button[disabled=true],.c-search-bar__recommendation-wrapper .flickity-button:disabled{display:none}.c-search-bar__recommendation-cell{width:50%;max-width:196px;padding:0 3px}.c-search-bar__recommendation-cell .c-product-card__select-variant{margin:0;display:none}.c-search-bar__recommendation-cell .c-product-card__wishlist{display:none}@media screen and (min-width: 768px){.c-search-bar__recommendation-cell{padding:0 10px}}@media screen and (min-width: 1240px){.c-search-bar__recommendation-cell{width:33%;max-width:none}}.c-search-bar__collection-btn{position:relative;display:block;margin:32px auto 0;padding:12px;font-size:12px;font-weight:400;line-height:16px;color:#000!important;text-align:center;text-decoration:none;border:none;border-radius:0;background:#0000;clip-path:polygon(20% 0%,92% 0,100% 20%,100% 100%,80% 100%,7% 100%,0 79%,0 0);cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease}.c-search-bar__collection-btn:after{content:"";display:block;position:absolute;bottom:6px;left:10%;width:80%;height:1px;background:#000;z-index:-1}.c-search-bar__collection-btn:hover{color:#fff!important;background:#000}.c-search-bar__collection-btn:hover:after{display:none}.c-search-bar__collection-btn:disabled{color:#fff!important;background:#1111114d;pointer-events:none}.c-search-bar__collection-btn:disabled:after{display:none}.c-search-bar__no-results{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:18px;font-weight:500;line-height:20px;text-align:start;color:#000!important;margin:0}@media screen and (min-width: 768px){.c-search-bar__no-results{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search-bar.css.map */