.sidebar__search-bar{z-index:999;top:0;width:100%;right:0;overflow:hidden;height:100vh;background-color:#0003;font-family:var(--font-body)!important;font-style:var(--font-style);font-weight:var(--font-weight)}.sidebar__search-bar[data-hidden=true]{visibility:hidden;z-index:-1}.sidebar__search-bar>*{font-family:var(--font-body)!important;font-style:var(--font-style);font-weight:var(--font-weight)}@media screen and (max-width:992px){.sidebar__search-bar .sidebar__search-bar-content,.sidebar__search-bar .sidebar__search-bar-content>span{transition-duration:0s!important}}.sidebar__search-bar[data-hidden=true] .sidebar__search-bar-content{right:-500px}.sidebar__search-bar[data-hidden=true] .sidebar__search-bar-content>span{opacity:0!important}.sidebar__search-bar[data-hidden=true] .sidebar__search-bar-content .sidebar__search-bar-content-wrapper{opacity:0}.sidebar__search-bar[data-hidden=false] .sidebar__search-bar-content .sidebar__search-bar-content-wrapper{transition:all .5s cubic-bezier(.3,1,.3,1);transition-delay:.3s}.sidebar__search-bar .sidebar__search-bar-content{transition:all .5s cubic-bezier(.3,1,.3,1);position:fixed;top:0;height:100%;right:0;width:100%;max-width:500px;overflow-y:auto;transform:translateY(0)}.sidebar__search-bar .sidebar__search-bar-content .sidebar__search-bar-content-wrapper{opacity:1}.sidebar__search-bar .sidebar__search-bar-content .sidebar__search-bar-background{display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;min-height:100vh}@media screen and (max-width:992px){.sidebar__search-bar .sidebar__search-bar-content{max-width:unset}}.sidebar__search-bar .sidebar__search-bar-content svg{z-index:3;margin-left:.5rem}.sidebar__search-bar .sidebar__search-bar-content>div{transition:all .3s linear;opacity:1;z-index:2;position:relative}.sidebar__search-bar .input-search{border:none!important;border-bottom:1px solid var(--sidebar-text-color)!important;border-radius:0;outline:unset;position:relative;z-index:10;background-color:transparent;padding-left:3.5rem!important;padding-top:0!important;padding-bottom:0!important;color:inherit;width:calc(100% - 10px)!important;height:56px;line-height:56px;font-size:1.15em;letter-spacing:.03em;opacity:.6;transition:border-bottom-color .3s ease,opacity .3s ease,letter-spacing .3s ease}.sidebar__search-bar .input-search::placeholder{text-transform:uppercase;font-size:.55em;letter-spacing:.15em}.sidebar__search-bar .input-search:focus,.sidebar__search-bar .input-search:not(:placeholder-shown){border-bottom-color:var(--sidebar-link-color)!important;letter-spacing:.06em;opacity:1}.sidebar__search-bar form{position:relative}.sidebar__search-bar form:after{content:"";position:absolute;left:33px;right:33px;bottom:0;height:2px;background:var(--sidebar-link-color);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.3,1,.3,1);pointer-events:none;z-index:11}.sidebar__search-bar .input-search:focus~form:after,.sidebar__search-bar form:has(.input-search:focus):after{transform:scaleX(1)}.sidebar__search-bar button[type=submit]{z-index:12;background:transparent;border:transparent;padding:0;display:flex;justify-content:center;align-items:center;color:inherit;position:absolute;top:0;bottom:0;left:33px;height:56px;margin:auto 0;transition:transform .3s ease,color .3s ease}@media screen and (max-width:992px){.sidebar__search-bar button[type=submit]{left:25px}}.sidebar__search-bar button[type=submit] svg{margin-left:0;width:22px;height:22px}.sidebar__search-bar button[type=submit]:hover svg,.sidebar__search-bar .input-search:focus~button[type=submit] svg{transform:scale(1.15);color:var(--sidebar-link-color)}.sidebar__search-bar .btn-close{border-color:transparent;background-color:transparent;color:inherit;background-image:unset;width:unset;height:unset;padding:0;outline:unset;box-shadow:unset;z-index:10}.sidebar__search-bar .btn-close:focus{opacity:1;outline:2px solid var(--outline-color)}.sidebar__search-bar .btn-close svg{margin:0}.sidebar__search-bar #predictive-search,.sidebar__search-bar .sidebar__search-bar-promotions{background-color:inherit;margin-top:-1px}.sidebar__search-bar .sidebar__search-bar-promotions[data-hidden=true]{display:none}.sidebar__search-bar #predictive-search__loading-state{background-color:inherit;z-index:1}.sidebar__search-bar #predictive-search__loading-state:before{content:"";width:100%;height:1px;display:block;position:absolute;top:0;left:0;opacity:.2}.sidebar__search-bar #predictive-search__loading-state[data-hidden=true]{visibility:hidden;opacity:0}.sidebar__search-bar #predictive-search__loading-state[data-hidden=false]{opacity:1;transition:all .1s linear;transition-delay:.2s}.sidebar__search-bar .predictive-search__content .vendor,.sidebar__search-bar .sidebar__search-bar-promotions .vendor{font-size:12px;opacity:.6}.sidebar__search-bar .custom-container--predictive-search:before{content:"";width:100%;height:1px;display:block;position:absolute;top:0;left:0;opacity:.2}.sidebar__search-bar .predictive-search__img,.sidebar__search-bar .sidebar__search-bar-promotions-img{width:100%;padding-top:100%}.sidebar__search-bar .predictive-search-results__card,.sidebar__search-bar .sidebar__search-bar-promotions-card{width:calc(50% - 1rem)}.sidebar__search-bar .predictive-search-results__btn-all,.sidebar__search-bar .sidebar__search-bar-promotions-btn-all{font-size:.8em;text-transform:uppercase}.sidebar__search-bar #predictive-search[data-show-price=false] .price{display:none!important}.sidebar__search-bar .sidebar__search-bar-content .sidebar__search-bar-background,.sidebar__search-bar .sidebar__search-bar-content .sidebar__search-bar-content-wrapper{background:var(--sidebar-bg-color);opacity:var(--sidebar-opacity)}.sidebar__search-bar{color:var(--sidebar-text-color)}.sidebar__search-bar a{color:var(--sidebar-link-color)!important}.sidebar__search-bar a:hover,.sidebar__search-bar a:focus{color:var(--sidebar-link-hover-color)!important}.sidebar__search-bar .input-search::placeholder{color:var(--sidebar-text-color)}.sidebar__search-bar .badge--sold-out{background-color:var(--sidebar-badge-soldout-color)}.sidebar__search-bar .badge--sale{background-color:var(--sidebar-badge-sale-color)}.sidebar__search-bar .placeholder{color:var(--sidebar-placeholder-color)}.sidebar__search-bar .custom-btn:before{background-color:var(--sidebar-input-background-color)}.sidebar__search-bar .custom-btn{border-color:var(--sidebar-input-border-color);color:var(--sidebar-input-text-color)}.sidebar__search-bar ul{list-style:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sidebar-search.css.map */