.custom-Search-bar{display:flex;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:6rem}.main-search__form{position:relative;flex:1 1 350px;max-width:380px}.search-input-wrapper{position:relative;width:100%;max-width:380px;display:flex;align-items:center}.main-search__input{width:100%;height:100%;font-size:16px!important;min-height:65px!important;padding:0 50px 0 15px;border:var(--inputs-border-width) solid rgba(var(--color-inputs-border));background-color:rgba(var(--color-inputs-background));color:rgba(var(--color-inputs-foreground));border-radius:var(--inputs-radius);-webkit-appearance:none;appearance:none}.main-search__input:focus{border-color:rgba(var(--color-foreground));outline:none}.main-search__input:hover,.main-search__input:focus-visible{box-shadow:none!important}.main-search__submit{position:absolute;right:0;top:0;height:100%;width:50px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:rgba(var(--color-foreground))}.main-search__submit svg{width:20px;height:20px}.custom-Search-bar .card-article-info,.custom-Search-bar .card-article .button{display:none}.custom-Search-bar .card-article-image{margin-bottom:.8rem;width:100%;max-width:140px;min-width:140px;height:auto}@media screen and (max-width:749px){.custom-Search-bar .card-article-image,.custom-Search-bar .card-article-image .aspect-ratio{max-width:100px;min-width:100px}}.custom-Search-bar .card-article-heading{margin-bottom:0}.custom-Search-bar .card-article{flex-direction:row;gap:1.8rem;padding:.8rem 1.2rem;align-items:center;box-shadow:none;margin-top:2.4rem;border-bottom:1px solid rgba(var(--color-inputs-border))}.custom-Search-bar .card-article:first-child{margin-top:0}.sort_by_product{flex:1 1 380px;max-width:380px}.select-custom{position:relative;width:100%;min-height:80px}.sort-by-dropdown{width:100%;height:100%;padding:0 40px 0 15px;border:var(--inputs-border-width) solid rgba(var(--color-inputs-border));background-color:rgba(var(--color-inputs-background));font-size:calc(var(--font-heading-scale) * var(--spacing-base-1));color:rgba(var(--color-inputs-foreground));border-radius:var(--inputs-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.sort-by-dropdown:focus{border-color:rgba(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--text-color)) inset;outline:none}.select-custom svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;width:10px;height:6px;color:rgba(var(--color-foreground))}.article-suggestions{position:absolute;top:100%;left:0;right:0;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.08);border-top:none;width:100%;z-index:10;max-height:0;overflow-y:auto;transition:max-height .3s ease;padding:0 1rem;list-style:none;margin:0;box-shadow:0 2px 2px #0000001a}.article-suggestions li{padding:10px 0;border-bottom:.1rem solid rgba(var(--color-foreground),.08);cursor:pointer;font-size:15px;color:rgba(var(--color-foreground))}.article-suggestions li:last-child{border-bottom:none}.article-suggestions.open{max-height:55dvh;padding:1.8rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}@media screen and (max-width:749px){.custom-Search-bar{flex-direction:column;align-items:center}.main-search__form,.sort_by_product{max-width:100%;width:100%;flex:0 0 auto}}.main-blog .vertical-breather.custom-search-bar{margin-inline:auto}.js-search-results{display:flex;flex-direction:column}.js-search-results .card-article-excerpt.rte{display:none}.custom-dropdown{position:relative;width:100%;height:100%}.custom-dropdown__trigger{width:100%;height:100%;min-height:65px;padding:0 40px 0 15px;border:var(--inputs-border-width) solid rgba(var(--color-inputs-border));background-color:rgba(var(--color-inputs-background));font-size:16px;color:rgba(var(--color-inputs-foreground));border-radius:var(--inputs-radius);text-align:left;cursor:pointer;display:flex;align-items:center;position:relative}.custom-Search-bar .article-suggestions .card-article-heading a{font-size:16px}.custom-dropdown__trigger.is-placeholder{color:rgba(var(--color-foreground),.55)}.custom-dropdown__trigger svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;width:15px;height:15px;color:rgba(var(--color-foreground));transition:transform .3s ease}.custom-dropdown.open .custom-dropdown__trigger{border:1px solid}.custom-dropdown.open .custom-dropdown__trigger svg{transform:translateY(-50%) rotate(180deg)}.custom-dropdown__header{display:none;padding:1.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);justify-content:space-between;align-items:center;background-color:rgb(var(--color-background))}.custom-dropdown__title{font-size:1.8rem;font-weight:500;color:rgba(var(--color-foreground))}.custom-dropdown__close{background:none;border:none;padding:.5rem;cursor:pointer;color:rgba(var(--color-foreground));display:flex}.custom-dropdown__content{position:absolute;top:100%;left:0;right:0;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.08);border-top:none;z-index:20;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility 0s .4s;box-shadow:0 4px 6px #0000001a}.custom-dropdown__options{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.custom-dropdown.open .custom-dropdown__content{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility 0s 0s}.custom-dropdown__option{padding:10px 15px;cursor:pointer;font-size:15px;color:rgba(var(--color-foreground));transition:background-color .2s}.custom-dropdown__option:hover{background-color:#f8f8f8;color:#005694}.custom-dropdown__option.active{background-color:#f8f8f8;color:#005694;font-weight:500}@media screen and (max-width:749px){.custom-Search-bar{flex-direction:column;align-items:center}.main-search__form,.sort_by_product{max-width:100%;width:100%;flex:0 0 auto}.custom-dropdown__content{position:fixed;top:auto;bottom:0;left:0;width:100%;max-width:100%;height:auto;max-height:85vh;z-index:1001;border-radius:20px 20px 0 0;box-shadow:0 -4px 10px #00000026;transform:translateY(100%);opacity:1;visibility:hidden;border:none;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1),visibility 0s .4s}.custom-dropdown.open .custom-dropdown__content{transform:translateY(0);visibility:visible;transition:transform .4s cubic-bezier(.4,0,.2,1),visibility 0s 0s}.custom-dropdown__header{display:flex;flex-shrink:0;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid}.custom-dropdown__options{padding:0;max-height:none;overflow-y:auto;flex:1}.custom-dropdown__option{padding:1.5rem;font-size:1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.custom-dropdown.open:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1000}.article-suggestions.open{padding:1.7rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-search-bar.css.map */