.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:none;flex-direction:column;background-color:rgb(var(--color-background))}.search-overlay.is-open{display:flex;animation:search-overlay-in .22s var(--ease-out-soft)}@keyframes search-overlay-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-overlay__bar{display:flex;align-items:center;gap:.75rem;height:64px;padding:0 1rem;border-bottom:1px solid rgb(var(--color-border));flex-shrink:0}@media(min-width:768px){.search-overlay__bar{padding:0 1.25rem}}.search-overlay__field{flex:1;display:flex;align-items:center;gap:.75rem;background-color:rgb(var(--color-muted));border-radius:9999px;padding:0 1.25rem;height:44px}.search-overlay__icon{width:16px;height:16px;color:rgb(var(--color-muted-foreground));flex-shrink:0}.search-overlay__input{flex:1;background:transparent;border:none;font-size:14px;color:rgb(var(--color-foreground));outline:none;-webkit-appearance:none;appearance:none}.search-overlay__field,.search-overlay__field:focus-within{outline:none!important;box-shadow:none!important}.search-overlay__input,.search-overlay__input:focus,.search-overlay__input:focus-visible{outline:none!important;box-shadow:none!important;outline-offset:0!important;border:none!important;background-color:transparent!important;background-image:none!important;-webkit-appearance:none!important;appearance:none!important}.search-overlay__input:-webkit-autofill,.search-overlay__input:-webkit-autofill:hover,.search-overlay__input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgb(var(--color-muted)) inset!important;-webkit-text-fill-color:rgb(var(--color-foreground))!important;transition:background-color 9999s ease-in-out 0s}.search-overlay__input::-webkit-search-decoration,.search-overlay__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-overlay__input::placeholder{color:rgb(var(--color-muted-foreground))}.search-overlay__close{flex-shrink:0;background:none;border:none;color:rgb(var(--color-muted-foreground));cursor:pointer;display:inline-flex;transition:color .2s var(--ease-out-soft),transform .2s var(--ease-out-soft)}.search-overlay__close:hover{color:rgb(var(--color-foreground));transform:rotate(90deg)}.search-overlay__close .icon{width:20px;height:20px}.search-overlay__results{flex:1;overflow-y:auto}.search-overlay__hint{padding:2rem;font-size:14px;color:rgb(var(--color-muted-foreground))}.search-overlay__count{display:none;padding:.75rem 1rem;font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:rgb(var(--color-muted-foreground));font-variant-numeric:tabular-nums;border-bottom:1px solid rgb(var(--color-border))}@media(min-width:768px){.search-overlay__count{display:block}}.search-overlay__item-sku{font-size:10px;font-variant-numeric:tabular-nums;color:rgb(var(--color-muted-foreground));flex-shrink:0;margin-left:.5rem}.search-overlay__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:768px){.search-overlay__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.search-overlay__item{border-bottom:1px solid rgb(var(--color-border));border-right:1px solid rgb(var(--color-border))}.search-overlay__link{display:flex;flex-direction:column;height:100%;min-width:0;text-decoration:none;color:inherit;transition:background-color .2s var(--ease-out-soft)}.search-overlay__link:hover{background-color:rgba(var(--color-secondary),.3)}.search-overlay__item-top{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem 0}.search-overlay__item-title{font-size:10px;text-transform:uppercase;letter-spacing:.18em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-overlay__item-img-wrap{position:relative;aspect-ratio:var(--pcard-ratio, 3 / 4);margin:.5rem .75rem;overflow:hidden;background:transparent}.search-overlay__item-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease-out-soft)}.search-overlay__link:hover .search-overlay__item-img{transform:scale(1.05)}.search-overlay__item-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .75rem;font-size:11px;color:rgb(var(--color-muted-foreground))}.search-overlay__item-price{font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/105/assets/search-overlay.css.map */