.predictive-search{display:none}predictive-search[open] .predictive-search{display:block}.search-modal .field{position:relative;margin:0}.search-modal .search__input.field__input{width:100%;border:1px solid rgba(var(--color-foreground),.12);background:rgba(var(--color-foreground),.04);border-radius:1rem;padding:1.2rem 4.2rem 1.2rem 1.4rem;font-size:1.6rem;line-height:1.5;color:rgb(var(--color-foreground));transition:border-color var(--duration-short) ease,background var(--duration-short) ease}.search-modal .search__input.field__input:focus{border-color:rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.06);outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-primary),.18)}.search-modal .search__input::placeholder{color:rgba(var(--color-foreground),.65);opacity:1}.search-modal .search__button,.search-modal .reset__button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(var(--color-foreground),.5);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.search-modal .search__button{inset-inline-end:1.2rem}.search-modal .reset__button{inset-inline-end:4.4rem}.search-modal .search__button:hover,.search-modal .reset__button:hover{color:rgba(var(--color-foreground),.75)}.search-modal .field:before,.search-modal .field:after{display:none}.predictive-search{position:static;width:100%;padding:0;margin:0;background:transparent;border:none;box-shadow:none}#predictive-search-results{flex:1;width:100%;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;overflow-x:hidden;min-height:0}@media screen and (min-width:750px){#predictive-search-results{padding:2rem;gap:1.8rem}}.predictive-search-simple__meta{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;color:rgba(var(--color-foreground),.7);gap:1.5rem;margin-bottom:.5rem}.predictive-search-simple__view-all{font-weight:600;text-decoration:none;color:rgb(var(--color-foreground))}.predictive-search-simple__view-all:hover{text-decoration:underline}.predictive-search__product-grid{list-style:none;margin:0;padding:0}.search-modal__content.search-modal__content-bottom{background-color:#fff}#predictive-search-results .card-wrapper,#predictive-search-results .card{height:100%}#predictive-search-results .card__content{padding:1rem}#predictive-search-results .card__heading{font-size:1.4rem;line-height:1.5;font-weight:500;color:rgb(var(--color-foreground))}#predictive-search-results .card__heading a{color:rgb(var(--color-foreground));font-weight:500}#predictive-search-results .price{font-size:1.4rem}#predictive-search-results .card__inner{position:relative;overflow:visible}@media screen and (min-width:750px){#predictive-search-results .product-card-wrapper .card__inner>.quick-add,#predictive-search-results .product-card-wrapper .card__inner>.card-variant-selector{position:absolute;bottom:0;left:0;right:0;width:100%;margin:0;z-index:var(--z-button, 100);opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}#predictive-search-results .product-card-wrapper:hover .card__inner>.quick-add,#predictive-search-results .product-card-wrapper:hover .card__inner>.card-variant-selector,#predictive-search-results .product-card-wrapper:focus-within .card__inner>.quick-add,#predictive-search-results .product-card-wrapper:focus-within .card__inner>.card-variant-selector{opacity:1;visibility:visible;transform:translateY(0)}}.predictive-search-simple__placeholder,.predictive-search-simple__empty{text-align:center;padding:4rem 2rem;font-size:1.4rem;color:rgba(var(--color-foreground),.55);border:1px dashed rgba(var(--color-foreground),.12);border-radius:1rem;background:rgba(var(--color-foreground),.03)}.predictive-search__loading-state{display:none}.predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;align-items:center;padding:4rem}@media screen and (min-width:750px){.predictive-search-simple__meta{font-size:1.4rem}}[dir=rtl] .search-modal .search__input.field__input{padding-inline-start:4.2rem;padding-inline-end:1.4rem}[dir=rtl] .search-modal .search__button{inset-inline-start:1.2rem;inset-inline-end:auto}[dir=rtl] .search-modal .reset__button{inset-inline-start:4.4rem;inset-inline-end:auto}[dir=rtl] .predictive-search-simple__meta{direction:rtl;text-align:right}