#search-modal{width:800px}#search-modal .dialog-close{background-color:rgba(var(--color-text),.05);margin-left:1rem;margin-right:0}predictive-search{display:block;width:100%}.search-form-wrapper{display:flex;align-items:center}.search-form{--height: 2.6rem;--offset: .25rem;--btn-size: calc(var(--height) - var(--offset) * 2);width:100%;position:relative}.search-form input[type=search]{width:100%;height:var(--height);padding:0 1rem;padding-right:calc(var(--btn-size) * 2 + 1rem);font-size:1rem}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.search-form button{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;color:rgba(var(--color-text));border:none;border-radius:var(--border-radius);padding:0;width:var(--btn-size);height:var(--btn-size);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease-out}.search-form button[type=reset]{right:calc(var(--btn-size) + var(--offset) * 2)}.search-form button[type=submit]{right:var(--offset)}.search-form .loading-spinner-wrapper{position:absolute;top:50%;transform:translateY(-50%);right:var(--offset);display:flex;justify-content:center;align-items:center;width:var(--btn-size);height:var(--btn-size)}.search-form .loading-spinner{width:.875rem;height:.875rem}#predictive-search{padding-top:1rem}#predictive-search .subheading{padding:0 0 .5rem;margin:0 0 1rem;border-bottom:1px dotted rgba(var(--color-text),1)}ul.predictive-search-simple-list{list-style:none;padding:0;margin:-.375rem 0 1.5rem}ul.predictive-search-simple-list li a{display:flex;padding:.375rem 0;border-radius:var(--border-radius);transition:all .2s ease-out}ul.predictive-search-simple-list li a[tabindex="0"],ul.predictive-search-simple-list li a:focus-visible{padding-left:.5rem;padding-right:.5rem;outline:2px solid currentColor}#predictive-search ul[data-type=queries] mark{background-color:transparent;color:rgba(var(--color-text),.5)}#predictive-search ul[data-type=products]{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0;margin:0 0 1.5rem}#predictive-search button[data-type=search-for]{width:100%;display:flex;justify-content:center;align-items:center}#predictive-search button[data-type=search-for] svg{margin-left:.5rem;transition:all .2s ease-out}#predictive-search button[data-type=search-for]:hover svg{transform:translate(.1rem)}@media(max-width:799px){#predictive-search ul[data-type=queries]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}}@media(min-width:800px){#predictive-search-inner[data-cols="2"]{display:grid;grid-template-columns:1fr 1.75fr;gap:1rem}}.search-main .section-header{background-color:rgba(var(--color-background),1);background-image:var(--color-background-gradient);color:rgba(var(--color-text),1);margin:0}.search-main .section-header .heading{text-align:center;margin:0 0 .75rem}.search-main .search-inner{background-color:rgba(var(--color-background),1);color:rgba(var(--color-text),1)}.search-main .search-utilities{margin-bottom:1.5rem}.search-main .search-utilities p{margin-bottom:0}.search-main .search-results-card{background-color:rgba(var(--color-text),.05);min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-radius:var(--border-radius);padding:2rem 1rem;height:100%;box-sizing:border-box}.search-main .search-results-card a:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:var(--border-radius);outline:2px solid transparent;outline-offset:.25rem;transition:all .2s ease-out;z-index:1}.search-main .search-results-card a:focus-visible:after{outline-color:currentColor}.search-main .search-results-card .badge{position:absolute;top:.5rem;right:.5rem;background-color:rgba(var(--color-background),1);color:rgba(var(--color-text),1);border:1px solid rgba(var(--color-text),.1)}.search-main .search-results-card .img-wrapper{margin-bottom:.5rem;max-width:50%}.search-main .search-results-card .img-wrapper img{display:block;border-radius:var(--border-radius)}.search-main .search-results-card .article-meta{opacity:.75;margin:.25rem 0 0}@media(max-width:599px){.search-main .section-header{padding-top:calc(var(--padding-top) * 1);padding-bottom:calc(var(--padding-bottom) * 1)}.search-main .search-inner{padding-top:calc(var(--padding-top) * .75);padding-bottom:calc(var(--padding-bottom) * .75)}}@media(min-width:600px){.search-main .section-header{padding-top:calc(var(--padding-top) * 1.25);padding-bottom:calc(var(--padding-bottom) * 1.25)}.search-main .search-inner{padding-top:calc(var(--padding-top) * 1);padding-bottom:calc(var(--padding-bottom) * 1)}}.header-search-open{width:100%;position:relative;z-index:5}.header-search-open predictive-search{display:block;width:100%}.header-search-open .search-form-wrapper{display:block}.header-search-open .search-form{--height: 2.5rem;width:100%}.header-search-open .search-form input[type=search]{border-radius:var(--header-search-radius, 40px);border:var(--header-search-border-width, 1px) solid var(--header-search-border-color, rgba(var(--color-text), .18));background-color:rgba(var(--color-background));box-shadow:none}.header-search-open .search-form input[type=search]:focus,.header-search-open .search-form input[type=search]:focus-visible{border-color:var(--header-search-border-color, rgba(var(--color-text), .35));outline:none}.header-search-open .predictive-search-results{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:40;max-height:min(70vh,28rem);overflow:auto;padding:.75rem 1rem 1rem;border:1px solid rgba(var(--color-text),.12);border-radius:var(--border-radius);background-color:rgba(var(--color-background));color:rgba(var(--color-text));box-shadow:0 .75rem 1.75rem #0000001f}.header-search-open .predictive-search-results[hidden]{display:none}.header-search-open--mobile{margin-top:.65rem;padding-bottom:.15rem}.header-search-open-item{display:flex;align-items:center;list-style:none;margin-right:.5rem;min-width:14rem;max-width:20rem;flex:1 1 16rem;position:relative}.header-search-open--desktop{width:100%}.header-search-open--desktop .predictive-search-results{min-width:22rem;right:0;left:auto}@media(max-width:1199px){.header-search-open-item{display:none}}@media(min-width:1200px){.header-search-open--mobile{display:none}ul#header-desktop-icons{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/search.css.map */