rp-header-search{position:relative;display:inline-flex;align-items:center}.rp-hsearch--desktop{display:none}@media screen and (min-width:700px){.rp-hsearch--desktop{display:inline-flex}.rp-hsearch--mobile{display:none}}.rp-hsearch__form{display:inline-flex;align-items:center;gap:var(--spacing-1)}.rp-hsearch__toggle{display:inline-flex;align-items:center;justify-content:center;color:inherit;background:none;border:0;cursor:pointer}.rp-hsearch__field{position:relative;display:flex;align-items:center}.rp-hsearch--expand .rp-hsearch__field{width:clamp(12rem,22vw,18rem);max-inline-size:0;opacity:0;overflow:hidden;pointer-events:none;transform:scaleX(0);transform-origin:left center;transition:transform var(--rp-dur-base, .22s) var(--rp-ease-out, cubic-bezier(.2, .7, .2, 1)),opacity var(--rp-dur-micro, .12s) var(--rp-ease-out, cubic-bezier(.2, .7, .2, 1))}.rp-hsearch--expand.is-open .rp-hsearch__field{max-inline-size:clamp(12rem,22vw,18rem);opacity:1;pointer-events:auto;transform:scaleX(1)}.rp-hsearch--always .rp-hsearch__field{width:clamp(11rem,20vw,17rem)}.rp-hsearch--always .rp-hsearch__toggle{position:absolute;inset-inline-start:var(--spacing-1);z-index:1;pointer-events:none;opacity:.65}.rp-hsearch--always .rp-hsearch__input{padding-inline-start:var(--spacing-9)}.rp-hsearch__input{width:100%;height:var(--input-height, 2.625rem);padding-inline:var(--spacing-4) var(--spacing-11);border:1px solid rgb(var(--text-color, var(--text-primary)) / .18);border-radius:var(--rounded-input, 9999px);background:rgb(var(--background-primary));color:rgb(var(--text-primary));font-size:var(--text-sm);line-height:1;-webkit-appearance:none;appearance:none}.rp-hsearch__input::-webkit-search-decoration,.rp-hsearch__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.rp-hsearch__input::placeholder{color:rgb(var(--text-primary) / .5)}.rp-hsearch__input:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:1px;border-color:transparent}.rp-hsearch__clear{position:absolute;inset-inline-end:var(--spacing-1);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;border-radius:var(--rounded-full);background:none;color:rgb(var(--text-primary) / .6);cursor:pointer}.rp-hsearch__clear:hover{color:rgb(var(--text-primary));background:rgb(var(--text-primary) / .06)}.rp-hsearch__clear[hidden]{display:none}.rp-hsearch__panel{position:absolute;z-index:50;inset-block-start:calc(100% + var(--spacing-2));inset-inline-end:0;width:min(440px,92vw);padding:var(--spacing-4);background:rgb(var(--background-primary));color:rgb(var(--text-primary));border:1px solid rgb(var(--text-primary) / .1);border-radius:var(--rounded-lg);box-shadow:var(--shadow-md);max-height:min(72vh,560px);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity var(--rp-dur-micro, .12s) var(--rp-ease-out, cubic-bezier(.2, .7, .2, 1)),transform var(--rp-dur-base, .22s) var(--rp-ease-out, cubic-bezier(.2, .7, .2, 1)),visibility 0s linear .2s}.rp-hsearch.is-open.has-panel .rp-hsearch__panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity var(--rp-dur-micro, .12s) var(--rp-ease-out, cubic-bezier(.2, .7, .2, 1)),transform var(--rp-dur-base, .22s) var(--rp-ease-out, cubic-bezier(.2, .7, .2, 1)),visibility 0s}.rp-hsearch__group+.rp-hsearch__group{margin-block-start:var(--spacing-4);padding-block-start:var(--spacing-4);border-block-start:1px solid rgb(var(--text-primary) / .08)}.rp-hsearch__group-title{margin:0 0 var(--spacing-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--text-primary) / .55)}.rp-hsearch__queries,.rp-hsearch__collections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.rp-hsearch__query,.rp-hsearch__collection{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-2);border-radius:var(--rounded);color:rgb(var(--text-primary));text-decoration:none;font-size:var(--text-sm)}.rp-hsearch__query svg,.rp-hsearch__collection svg{flex:0 0 auto;color:rgb(var(--text-primary) / .5)}.rp-hsearch__query:hover,.rp-hsearch__collection:hover,.rp-hsearch__query.is-active,.rp-hsearch__collection.is-active{background:rgb(var(--accent) / .08)}.rp-hsearch__results a.is-active{background:rgb(var(--accent) / .08);border-radius:var(--rounded)}.rp-hsearch__viewall{display:inline-flex;align-items:center;gap:var(--spacing-1-5);margin-block-start:var(--spacing-4);font-weight:600;font-size:var(--text-sm);color:rgb(var(--accent));text-decoration:none}.rp-hsearch__viewall svg{transition:transform var(--rp-dur-base, .22s) var(--rp-ease-out, cubic-bezier(.2, .7, .2, 1))}.rp-hsearch__viewall:hover svg,.rp-hsearch__viewall.is-active svg{transform:translate(3px)}.rp-hsearch__empty{margin:0;padding:var(--spacing-3) 0;color:rgb(var(--text-primary) / .6);font-size:var(--text-sm)}.rp-hsearch__loading{display:flex;flex-direction:column;gap:var(--spacing-3)}.rp-hsearch__loading span{display:block;height:.75rem;border-radius:var(--rounded-full);background:linear-gradient(90deg,rgb(var(--text-primary) / .06),rgb(var(--text-primary) / .12),rgb(var(--text-primary) / .06));background-size:200% 100%;animation:rp-hsearch-shimmer 1.2s ease-in-out infinite}.rp-hsearch__loading span:nth-child(2){width:70%}.rp-hsearch__loading span:nth-child(3){width:85%}@keyframes rp-hsearch-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (max-width:699px){.rp-hsearch--mobile.rp-hsearch--expand .rp-hsearch__field{width:auto;max-inline-size:none;transform:none;transition:opacity var(--rp-dur-base, .22s) var(--rp-ease-out, cubic-bezier(.2, .7, .2, 1))}.rp-hsearch--mobile.is-open .rp-hsearch__field{position:fixed;inset-inline:var(--spacing-3);inset-block-start:calc(var(--header-height, 60px) + var(--spacing-2));width:auto;max-inline-size:none;transform:none;z-index:60}.rp-hsearch--mobile .rp-hsearch__panel{position:fixed;inset-inline:var(--spacing-3);inset-block-start:calc(var(--header-height, 60px) + var(--input-height, 2.625rem) + var(--spacing-4));inset-inline-end:auto;width:auto}}@media(prefers-reduced-motion:reduce){.rp-hsearch__field,.rp-hsearch__panel,.rp-hsearch__viewall svg,.rp-hsearch__loading span{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/rp-header-search.css.map */