.search{width:100%;position:relative}.search__bar{align-items:center;width:100%;display:flex}.search__bar__input{width:100%;height:var(--spacing-10);box-sizing:border-box;padding:var(--spacing-1) var(--spacing-10) var(--spacing-1) var(--spacing-5);border-radius:var(--spacing-5);background-color:var(--color-neutral-white);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-xs);line-height:var(--line-height-copy-small);border:none;display:block}.search__bar__input::placeholder{color:var(--color-neutral-a80)}.search__bar__input:focus-visible{outline:var(--outline)}.search__bar__input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.search__bar__input.search__bar__input--active{padding-left:var(--spacing-10);background-color:var(--color-purple-50)}@media not (max-width:64rem){.search__bar__input.search__bar__input--active{padding-left:var(--spacing-5);background-color:var(--color-neutral-white)}}.search__bar__return.icon-button{z-index:1;top:var(--spacing-1);left:var(--spacing-2);display:none;position:absolute}.search__bar__return.icon-button:has(+.search__bar__input--active){display:block}@media not (max-width:64rem){.search__bar__return.icon-button:has(+.search__bar__input--active){display:none}}.search__bar__button.icon-button{margin-left:calc(var(--spacing-9)*-1)}.search__results{z-index:var(--z-search);top:calc(100% + var(--spacing-3));left:calc(var(--spacing-4)*-1);box-sizing:border-box;width:100vw;height:100vh;max-height:calc(100vh - 8rem);padding-bottom:var(--spacing-4);background-color:var(--color-neutral-white);display:block;position:absolute;overflow:auto}@media not (max-width:64rem){.search__results{top:calc(100% + var(--spacing-4));left:calc(var(--spacing-2)*-1);overflow:unset;width:calc(100% + var(--spacing-2)*2);height:auto;max-height:unset;border:var(--spacing-px) solid var(--color-neutral-a10);border-radius:var(--spacing-3);box-shadow:var(--shadow-md)}}.search__results__links{padding:var(--spacing-5) 0}.search__results__products{padding:var(--spacing-4) 0 0}.search__results__products .ais-Hits-item{list-style:none}.search__results__divider{border:none;border-bottom:var(--spacing-px) solid var(--color-neutral-a10);margin:0}.search__results__show-all,.search__results__products__empty{padding:var(--spacing-3) var(--spacing-2) 0;text-align:center}
.search-result{padding:var(--spacing-1-half) var(--spacing-4);display:block}@media not (max-width:64rem){.search-result{padding:var(--spacing-1-half) var(--spacing-8)}}.search-result:focus-visible{outline:var(--outline);outline-offset:0}.search-result--link{color:var(--color-neutral);transition:color var(--transition),background-color var(--transition);justify-content:space-between;align-items:center;display:flex}.search-result--link:hover{background-color:var(--color-purple-a10);color:var(--color-purple-x-dark)}.search-result__icon{color:var(--color-neutral-a10);transition:color var(--transition)}.search-result--link:hover .search-result__icon{color:var(--color-purple-dark)}.search-result--product{align-items:center;gap:var(--spacing-4);transition:background-color var(--transition);padding-block:.625rem;text-decoration:none;display:flex}.search-result--product:hover{background-color:var(--color-purple-a10)}.search-result_visual_wrapper{min-width:4.5rem}.search-result__product__visual{aspect-ratio:3/2}.search-result__product__visual .product-thumbnail__img{aspect-ratio:4/3;object-fit:contain;max-width:100%;max-height:100%;position:absolute}.search-result__product__content{gap:var(--spacing-1-half);flex-direction:column;flex:auto;display:flex}.search-result__product__brand{--color-text:var(--color-text-lead);text-transform:uppercase}.search-result__product__title{color:var(--color-purple-dark);transition:color var(--transition)}.search-result--product:hover .search-result__product__title{color:var(--color-purple-x-dark)}.search-result__product__badge{padding:var(--spacing-1-half) var(--spacing-2);border-radius:var(--spacing-1);background-color:var(--color-purple-a10);display:inline-block}.search-result__product__badge>span{color:var(--color-purple-x-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);display:block}
