predictive-search{display:block;position:relative;width:100%}.search-modal__form{--drop-search-surface: rgba(252, 250, 243, .98);--drop-search-border: rgba(119, 91, 99, .12);--drop-search-muted: rgba(76, 55, 61, .66);--drop-search-hover: rgba(119, 91, 99, .055);--drop-search-accent: rgba(119, 91, 99, .16);position:relative;width:100%}.search-modal__content-top{background:linear-gradient(180deg,#fffffff5,#fcfaf3f5)}.search-modal__content-top,.search-modal__content-top .page-width{overflow:visible}.search-modal__form{max-width:min(78rem,100%)}.search-modal__form .field{position:relative;display:flex;align-items:center;min-height:5.6rem;overflow:visible;border:.1rem solid rgba(119,91,99,.18);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#fcfaf3fa);box-shadow:0 1rem 2.6rem #20181a12,inset 0 .1rem #ffffffd9;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease,background-color var(--duration-short) ease}.search-modal__form .field:focus-within{border-color:#775b6357;box-shadow:0 1.2rem 3rem #20181a17,0 0 0 .3rem #775b6314,inset 0 .1rem #ffffffe6}.search-modal__form .search__input,.search-modal__form .field__input{min-height:5.6rem;padding:1.4rem 6.4rem 1.4rem 2rem;border:0!important;background:transparent!important;box-shadow:none!important;color:rgb(var(--color-foreground));font-size:1.6rem;line-height:1.2}.search-modal__form .field__label{top:50%;left:50%;width:auto;max-width:calc(100% - 12rem);color:#4c373d9e;font-size:1.6rem;line-height:1;letter-spacing:.08rem;text-align:center;white-space:nowrap;opacity:1;visibility:visible;transform:translate(-50%,-50%);transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease,transform var(--duration-short) ease,color var(--duration-short) ease}.search-modal__form .field__input:focus~.field__label{top:50%;left:50%;font-size:1.6rem;letter-spacing:.08rem;opacity:1;visibility:visible;transform:translate(-50%,-50%)}.search-modal__form .field__input:not(:placeholder-shown)~.field__label,.search-modal__form .field__input:-webkit-autofill~.field__label{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.98)}.search-modal__form .field__button{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border-radius:999px;color:#4c373db8;background:transparent;transform:translateY(-50%);transition:background-color var(--duration-short) ease,color var(--duration-short) ease,transform var(--duration-short) ease}.search-modal__form .reset__button,.search-modal__form .reset__button:before{display:none!important}.search-modal__form .search__button{right:.9rem;width:4rem;height:4rem;background:#775b631a;color:rgb(var(--color-foreground))}.search-modal__form .field__button .svg-wrapper,.search-modal__form .field__button svg{width:1.8rem;height:1.8rem}.search-modal__close-button{display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;margin-left:1.35rem;border:.1rem solid rgba(119,91,99,.18);border-radius:999px;background:#fcfaf3eb;color:rgb(var(--color-foreground));box-shadow:0 .8rem 2rem #20181a0f;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,transform var(--duration-short) ease}.search-modal__close-button .svg-wrapper,.search-modal__close-button svg{width:2rem;height:2rem}.predictive-search{display:none;position:absolute;top:calc(100% + .8rem);left:0;right:0;width:100%;max-height:var(--predictive-search-max-height, calc(var(--viewport-height, 100vh) - 12rem));border:.1rem solid var(--drop-search-border, rgba(var(--color-foreground), .1));border-radius:2.2rem;background:linear-gradient(180deg,#fffffff0,#fcfaf3fa),var(--drop-search-surface, rgba(252, 250, 243, .98));box-shadow:0 2.2rem 5.2rem #20181a1f;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(119,91,99,.3) transparent;z-index:40}.predictive-search--search-template{z-index:2;width:min(74rem,calc(100vw - 4rem))}.predictive-search--header{top:calc(100% + .8rem)}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}@keyframes predictiveSearchFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{animation:predictiveSearchFadeIn .18s ease-out both}}.predictive-search::-webkit-scrollbar{width:6px}.predictive-search::-webkit-scrollbar-track{background:transparent}.predictive-search::-webkit-scrollbar-thumb{background:#775b634d;border-radius:999px}.predictive-search__results-groups-wrapper{display:flex;gap:1.2rem;padding:1rem;border-bottom:0}.predictive-search__result-group{display:flex;flex:1 1 auto;flex-direction:column;gap:1.2rem;min-width:0}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}.predictive-search__heading{margin:0;padding:1rem 1.2rem .6rem;border-bottom:0;color:var(--drop-search-muted, rgba(var(--color-foreground), .62));font-size:1.05rem;letter-spacing:.08rem}.predictive-search__results-list{display:grid;gap:.4rem}.predictive-search__item{display:flex;width:100%;min-height:4.8rem;padding:1rem 1.2rem;border:.1rem solid transparent;border-radius:1.6rem;color:rgb(var(--color-foreground));text-align:left;text-decoration:none;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*,.predictive-search__item[aria-selected=true],.predictive-search__item:hover{color:rgb(var(--color-foreground));background-color:var(--drop-search-hover, rgba(var(--color-foreground), .035));border-color:var(--drop-search-accent, rgba(var(--color-foreground), .1));box-shadow:0 1rem 2.2rem #20181a14}.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}.predictive-search__item:focus-visible{outline:.2rem solid rgba(119,91,99,.34);outline-offset:.2rem}.predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:7.2rem minmax(0,1fr);grid-template-areas:"product-image product-content";column-gap:1.4rem;align-items:center;min-height:9rem}.predictive-search__image{grid-area:product-image;width:7.2rem;height:7.2rem;padding:.35rem;border:.1rem solid rgba(var(--color-foreground),.07);border-radius:1.6rem;background:#ffffffb8;object-fit:contain;font-family:"object-fit: contain"}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column;min-width:0}.predictive-search__item-content--centered{justify-content:center}.predictive-search__item-vendor{color:var(--drop-search-muted, rgba(var(--color-foreground), .62));font-size:1rem;letter-spacing:.08rem}.predictive-search__item-heading{margin:0;color:rgb(var(--color-foreground));font-size:1.38rem;line-height:1.25;overflow-wrap:anywhere}.predictive-search__item-query-result *:not(mark){font-weight:bolder}.predictive-search__item-query-result mark{color:rgb(var(--color-foreground));background:linear-gradient(180deg,transparent 56%,rgba(128,91,101,.18) 56%)}.predictive-search .price{margin-top:.65rem;color:rgb(var(--color-foreground));font-size:1.32rem;font-weight:600}.predictive-search .price .price-item--regular{color:rgb(var(--color-foreground))}.predictive-search__item-vendor+.predictive-search__item-heading{margin-top:.5rem}.predictive-search__search-for-button{display:block;padding:0 1rem 1rem}.predictive-search__search-for-button .predictive-search__item,.predictive-search__item--term{width:100%;max-width:100%;margin:0;box-sizing:border-box;overflow:hidden}.predictive-search__item--term{min-height:5.2rem;padding:1.25rem 1.6rem;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;border-radius:999px;background:#ffffffa3;word-break:break-word;line-height:calc(1 + .4 / var(--font-body-scale))}.predictive-search__item--term .predictive-search__item-heading,.predictive-search__item--term span:not(.svg-wrapper){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predictive-search__item--term .svg-wrapper,.predictive-search__item--term .icon-arrow{flex:0 0 auto;width:1.6rem;height:1.6rem;margin-left:1.2rem;color:rgb(var(--color-foreground));opacity:.72}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:2rem}predictive-search[loading] .predictive-search__search-for-button{display:none}predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button{display:block}@media screen and (min-width:750px){.header predictive-search{position:relative}.predictive-search{width:min(74rem,calc(100vw - 4rem))}.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),.predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:none}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:block}.predictive-search__result-group:first-child{flex:0 0 26.4rem}.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,.predictive-search__result-group:only-child{flex-grow:1}}@media(hover:hover)and (pointer:fine){.search-modal__form .field__button:hover,.search-modal__close-button:hover{background:#775b631f}.search-modal__form .search__button:hover{background:#775b6329}.search-modal__close-button:hover{border-color:#775b6342;background:#fcfaf3}.predictive-search__item{transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,box-shadow var(--duration-short) ease,transform var(--duration-short) ease}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*,.predictive-search__item[aria-selected=true],.predictive-search__item:hover{transform:translateY(-.1rem)}}@media screen and (max-width:749px){.search-modal__content-top{padding-top:.55rem;padding-bottom:.55rem;background:linear-gradient(180deg,#fffffff5,#fcfaf3fa)}.search-modal__form .field{min-height:4.8rem;border-color:#775b6324;border-radius:1.55rem;box-shadow:0 .65rem 1.8rem #20181a0e,inset 0 .1rem #ffffffd1}.search-modal__form .search__input,.search-modal__form .field__input{min-height:4.8rem;padding:1.1rem 5.2rem 1.1rem 1.55rem;font-size:1.45rem;letter-spacing:.01rem}.search-modal__form .field__label,.search-modal__form .field__input:focus~.field__label{top:50%;left:50%;max-width:calc(100% - 9.2rem);font-size:1.45rem;letter-spacing:.04rem;transform:translate(-50%,-50%)}.search-modal__form .field__input:not(:placeholder-shown)~.field__label,.search-modal__form .field__input:-webkit-autofill~.field__label{transform:translate(-50%,-50%) scale(.98)}.search-modal__form .field__button{width:3.4rem;height:3.4rem}.search-modal__form .field__button .svg-wrapper,.search-modal__form .field__button svg{width:1.6rem;height:1.6rem}.search-modal__form .search__button{right:.7rem;width:3.4rem;height:3.4rem;background:#775b6313}.search-modal__form .field:focus-within{border-color:#775b632e;box-shadow:0 .75rem 2rem #20181a11,inset 0 .1rem #ffffffdb}.search-modal__close-button{width:4rem;height:4rem;margin-left:.7rem;margin-top:.4rem;border-color:#775b631a;background:#fcfaf3d1;box-shadow:0 .45rem 1.3rem #20181a0b}.search-modal__close-button .svg-wrapper,.search-modal__close-button svg{width:1.65rem;height:1.65rem}.predictive-search--header{top:calc(100% + .55rem)}.predictive-search,.predictive-search--search-template{left:0;right:0;width:100%;max-height:var(--predictive-search-max-height, calc(var(--viewport-height, 100vh) - 12rem));border-radius:1.65rem;box-shadow:0 1.2rem 3rem #20181a16}.predictive-search__results-groups-wrapper{flex-direction:column;gap:.7rem;padding:.75rem}.predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions){gap:1rem}.predictive-search__item--link-with-thumbnail{grid-template-columns:6rem minmax(0,1fr);min-height:7.8rem}.predictive-search__image{width:6rem;height:6rem;border-radius:1.25rem}.predictive-search__search-for-button{padding:0 .75rem .75rem}.predictive-search__item--term{min-height:4.75rem;padding:1.05rem 1.25rem}}.header__search details[open] .header__icon-close{display:none!important}.search-modal__close-button{flex:0 0 4.8rem;width:4.8rem;min-width:4.8rem;max-width:4.8rem;height:4.8rem;min-height:4.8rem;max-height:4.8rem;padding:0;box-sizing:border-box;aspect-ratio:1 / 1;line-height:1;text-decoration:none}.search-modal__close-button .svg-wrapper{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;line-height:0;color:currentColor}.search-modal__close-button svg{display:block;width:2rem;height:2rem;color:currentColor}@media screen and (max-width:749px){.search-modal__form .field:before,.search-modal__form .field:after{content:none;display:none;box-shadow:none}.search-modal__form .field:hover:after{box-shadow:none}.search-modal__form .field:focus-within{border-color:#775b632e;box-shadow:0 1rem 2.6rem #20181a12,inset 0 .1rem #ffffffd9}.search-modal__close-button{flex:0 0 4rem;width:4rem;min-width:4rem;max-width:4rem;height:4rem;min-height:4rem;max-height:4rem;margin-top:.4rem;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-predictive-search.css.map */