.rbx-search-ph{display:none}.rbx-search-ph.is-ready{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 15px 1px;overflow:hidden;white-space:nowrap;color:var(--text-color);pointer-events:none;transition:opacity .15s ease}.rbx-search-ph.is-ready.is-hidden{opacity:0}.search-bar__input.has-rbx-ph::placeholder{color:transparent}.search-bar__input.has-rbx-ph::-webkit-input-placeholder{color:transparent}.rbx-search-ph__prefix{flex:none}.rbx-search-ph__word{--rbx-ph-gradient: linear-gradient(90deg, #591091 0%, #8b3fd6 22%, #2ddfaf 50%, #8b3fd6 78%, #591091 100%);position:relative;display:inline-block;white-space:pre;color:var(--heading-color)}.rbx-search-ph__char{display:inline-block;background-image:var(--rbx-ph-gradient);background-size:calc(var(--w, 100px) * 2) 100%;background-repeat:repeat-x;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:rbx-ph-in .52s cubic-bezier(.2,.7,.2,1) calc(var(--i) * 35ms) both,rbx-ph-shimmer 2.6s linear infinite}.rbx-search-ph__word.is-out .rbx-search-ph__char{animation:rbx-ph-out .38s ease-in calc(var(--i) * 18ms) both,rbx-ph-shimmer 2.6s linear infinite}.rbx-search-ph__spark{position:absolute;top:-.2em;right:-.55em;width:.5em;height:.5em;background:radial-gradient(circle,#fff,#2ddfaf 60%);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;animation:rbx-ph-spark .7s ease-out calc(var(--n) * 35ms + .26s) both}.rbx-search-ph__word.is-out .rbx-search-ph__spark{display:none}@keyframes rbx-ph-in{0%{opacity:0;filter:blur(6px);transform:translateY(.25em)}to{opacity:1;filter:blur(0);transform:none}}@keyframes rbx-ph-out{0%{opacity:1;filter:blur(0);transform:none}to{opacity:0;filter:blur(6px);transform:translateY(-.2em)}}@keyframes rbx-ph-shimmer{0%{background-position:calc(var(--x, 0px) * -1) 0}to{background-position:calc(var(--x, 0px) * -1 - var(--w, 100px) * 2) 0}}@keyframes rbx-ph-spark{0%{opacity:0;transform:scale(0) rotate(0)}45%{opacity:1;transform:scale(1) rotate(90deg)}to{opacity:0;transform:scale(.2) rotate(180deg)}}@media(prefers-reduced-motion:reduce){.rbx-search-ph__char,.rbx-search-ph__spark{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/335/assets/header-search-placeholder.css.map */