.cp-search-overlay .search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:block;height:100dvh;padding:clamp(1.2rem,3vw,2.4rem);overflow-y:auto;background:#3418247a;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem)}.cp-search-overlay .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;border:0;background:transparent}.cp-search-overlay .modal-overlay:after{content:none}.cp-search-overlay .search-modal__panel{position:relative;z-index:1;width:min(112rem,100%);margin:0 auto;padding:clamp(1.2rem,2vw,1.8rem);border:.1rem solid var(--color-rose-mist);border-radius:1.8rem;color:var(--color-deep-cocoa);background:var(--color-warm-white);box-shadow:0 2.4rem 7rem #34182438}.cp-search-overlay .search-modal__bar{display:flex;align-items:flex-start;gap:1rem}.cp-search-overlay .search-modal__close-button{position:static;flex:0 0 5rem;width:5rem;height:5rem;margin:0;border:.1rem solid var(--color-rose-mist);border-radius:50%;color:var(--color-deep-cocoa);background:var(--color-pure-white)}.cp-search-overlay .search-modal__form{display:block;width:100%;max-width:none}.cp-search-overlay .search-modal__field:before,.cp-search-overlay .search-modal__field:after{content:none}.cp-search-overlay .search-modal__field{border:.1rem solid var(--color-rose-mist);border-radius:999px;background:var(--color-pure-white);box-shadow:0 1rem 3rem #34182412}.cp-search-overlay .search-modal__field .field__input{height:5rem;padding-left:2rem;border:0;border-radius:inherit;color:var(--color-deep-cocoa);box-shadow:none}.cp-search-overlay .search-modal__field .field__label{left:2rem}.cp-search-overlay .search-modal__field .field__button{height:4.8rem}.cp-search-overlay .search-modal__field .search__button{right:.1rem;width:4.8rem;border-radius:50%;color:var(--color-pure-white);background:var(--color-cocopoco-pink)}.cp-search-overlay .search-modal__field .reset__button{right:5rem}.predictive-search{display:none;position:relative;width:100%;margin-top:1.6rem;color:var(--color-deep-cocoa);background:transparent}.template-search__search .predictive-search{position:absolute;top:calc(100% + 1rem);left:0;z-index:5;max-height:min(70vh,62rem);margin-top:0;padding:2rem;overflow-y:auto;border:.1rem solid var(--color-rose-mist);border-radius:2rem;background:var(--color-warm-white);box-shadow:0 1.8rem 5rem #34182424}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__results-groups-wrapper{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,1fr) minmax(18rem,1fr);gap:clamp(1.6rem,3vw,3rem)}.predictive-search__result-group{min-width:0}.predictive-search__heading{margin:0 0 1rem;padding-bottom:1rem;border-bottom:.1rem solid var(--color-rose-mist);color:var(--color-muted-rose);font-size:1.15rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.predictive-search__results-list{display:grid;gap:.5rem}.predictive-search__item{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:5rem;padding:.8rem;border-radius:1.4rem;color:var(--color-charcoal);text-align:left;text-decoration:none;transition:color .16s ease,background-color .16s ease,transform .16s ease}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*,.predictive-search__item[aria-selected=true],.predictive-search__item:hover{color:var(--color-deep-cocoa);background:var(--color-soft-blush);transform:translate(.2rem)}.predictive-search__item--product{display:grid;grid-template-columns:6.2rem minmax(0,1fr)}.predictive-search__media{width:6.2rem;aspect-ratio:1;overflow:hidden;border-radius:1.2rem;background:var(--color-soft-blush)}.predictive-search__image{display:block;width:100%;height:100%;object-fit:cover}.predictive-search__item-content{display:grid;gap:.25rem;min-width:0}.predictive-search__item-heading{overflow:hidden;font-size:1.35rem;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.predictive-search__price{color:var(--color-muted-rose);font-size:1.2rem}.predictive-search__type-mark{display:grid;flex:0 0 3.4rem;width:3.4rem;height:3.4rem;place-items:center;border-radius:50%;color:var(--color-cocopoco-pink);background:var(--color-soft-blush);font-size:1.1rem;font-weight:700}.predictive-search__item>.svg-wrapper:last-child{width:1.4rem;margin-left:auto}.predictive-search__search-for-button{margin-top:2rem;padding-top:1.5rem;border-top:.1rem solid var(--color-rose-mist)}.predictive-search__item--term{justify-content:space-between;min-height:5rem;padding-inline:1.4rem;color:var(--color-cocopoco-pink);font-weight:700}.predictive-search__empty{margin:3rem 0;color:var(--color-charcoal);text-align:center}predictive-search .spinner{width:1.8rem;height:1.8rem}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__results-groups-wrapper~.predictive-search__loading-state,predictive-search[loading] .predictive-search__search-for-button{display:none}@media screen and (max-width:989px){.predictive-search__results-groups-wrapper{grid-template-columns:1fr 1fr}.predictive-search__result-group:first-child{grid-column:1 / -1}}@media screen and (max-width:749px){.cp-search-overlay .search-modal{padding:0;background:#3418247a}.cp-search-overlay .search-modal__panel{margin:1rem;width:calc(100% - 2rem);padding:1rem;border-radius:1.4rem;box-shadow:0 1.2rem 4rem #34182424}.cp-search-overlay .search-modal__field .field__input{height:4.8rem;padding-left:1.6rem}.cp-search-overlay .search-modal__field .field__button{height:4.6rem}.cp-search-overlay .search-modal__field .search__button{width:4.6rem}.cp-search-overlay .search-modal__field .reset__button{right:4.8rem}.predictive-search__results-groups-wrapper{grid-template-columns:1fr}.template-search__search .predictive-search{padding:1.5rem}.predictive-search__result-group:first-child{grid-column:auto}.predictive-search__item--product{grid-template-columns:5.4rem minmax(0,1fr)}.predictive-search__media{width:5.4rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-predictive-search.css.map */