.template-search__header{margin-bottom:3rem}.template-search__search{margin:0 auto 3.5rem;max-width:47.8rem}.template-search__search .search{margin-top:3rem}.template-search--empty{padding-bottom:18rem}@media screen and (min-width:750px){.template-search__header{margin-bottom:5rem}}.search__button .icon{height:1.8rem}.template-search facet-filters-form.facets.facets-vertical-sort{flex-direction:row;justify-content:space-between}.template-search .facets-vertical-form{margin:0}.custom-product-grid{opacity:1;display:flex;justify-content:space-between;transition:all var(--duration-default) linear;transform:translateY(0);padding:0 0 0 25px;margin:0}.custom-product-grid.panel-disabled{cursor:not-allowed;pointer-events:none;opacity:0;transform:translateY(-5px)}.custom-product-grid li{opacity:1;min-width:36px;min-height:36px;padding:5px 15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.custom-product-grid li{position:relative;margin:0 5px;background:var(--gradient-base-background-2);border-radius:var(--buttons-radius)}.custom-product-grid li:after{content:"";display:none;width:auto;height:auto;white-space:nowrap;transform:translate(-2.5px);-webkit-transform:translateX(-2.5px);color:var(--gradient-base-accent-1);transition:all var(--duration-default) linear}.custom-product-grid li:before{content:"";position:absolute;right:0;top:0;bottom:0;width:0;transition:all var(--duration-default) linear;background:var(--gradient-base-accent-2);border-radius:var(--buttons-radius)}.custom-product-grid li[data-cols=grid--1-col-desktop]:after{content:"|"}.custom-product-grid li[data-cols=grid--2-col-desktop]:after{content:"||"}.custom-product-grid li[data-cols=grid--3-col-desktop]:after{content:"|||"}.custom-product-grid li[data-cols=grid--4-col-desktop]:after{content:"||||"}.custom-product-grid li[data-cols=grid--5-col-desktop]:after{content:"|||||"}.custom-product-grid li[data-cols=grid--6-col-desktop]:after{content:"||||||"}.custom-product-grid li.active:after{color:var(--gradient-base-accent-1)}.custom-product-grid li.active .icon-columns{color:var(--gradient-base-background-1)}.custom-product-grid li.active:before{left:0;width:100%;background-color:var(--gradient-base-accent-2)}.custom-product-grid li .icon-columns{z-index:1;width:2rem;height:2rem}@media screen and (max-width:1540px){.custom-product-grid li[data-cols=grid--5-col-desktop]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-main-search-inline.css.map */
