.psearch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-popup)}.psearch[hidden]{display:none}.psearch__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;opacity:0;transition:opacity var(--duration-base) var(--ease)}.psearch[data-open=true] .psearch__overlay{opacity:1}.psearch__panel{position:relative;display:flex;flex-direction:column;max-height:100%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transform:translateY(-1.2rem);opacity:0;transition:transform var(--duration-base) var(--ease),opacity var(--duration-base) var(--ease)}.psearch[data-open=true] .psearch__panel{transform:translateY(0);opacity:1}.psearch__form{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.6rem;border-block-end:1px solid rgba(var(--color-border),.14)}.psearch__field{position:relative;display:flex;align-items:center;gap:.8rem;flex:1;min-width:0;padding-inline:1.2rem;border:1px solid rgba(var(--color-border),.3);border-radius:var(--radius-input, var(--radius-button))}.psearch__field:focus-within{border-color:rgb(var(--color-accent))}.psearch__field-icon{flex-shrink:0;opacity:.55}.psearch__input{flex:1;min-width:0;height:4.8rem;border:0;background:none;color:inherit;font-size:var(--text-base)}.psearch__input:focus{outline:none}.psearch__input::-webkit-search-cancel-button{display:none}.psearch__reset{display:grid;place-items:center;width:3.2rem;height:3.2rem;flex-shrink:0;border-radius:50%;background-color:rgba(var(--color-foreground),.08)}.psearch__reset[hidden]{display:none}.psearch__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-inline:1.6rem}.psearch__body:empty{display:none}.psearch__group{padding-block:1.2rem}.psearch__group+.psearch__group{border-block-start:1px solid rgba(var(--color-border),.12)}.psearch__group-title{margin-block-end:.6rem;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.psearch__list{list-style:none}.psearch__item{display:flex;align-items:center;gap:1.2rem;padding:.8rem;border-radius:var(--radius-button);transition:background-color var(--duration-fast) var(--ease)}.psearch__item:hover,.psearch__item.is-active{background-color:rgba(var(--color-foreground),.06)}.psearch__item.is-active{box-shadow:inset 0 0 0 2px rgb(var(--color-accent))}.psearch__thumb{width:5.6rem;flex-shrink:0;border-radius:calc(var(--radius-card) * .5);overflow:hidden;background-color:rgba(var(--color-border),.08)}.psearch__thumb img,.psearch__thumb svg{width:100%;height:100%;object-fit:cover}.psearch__meta{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.psearch__vendor{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.55}.psearch__title{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.psearch__price{font-size:var(--text-sm);font-weight:600}.psearch__item--text{gap:.8rem}.psearch__all{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:4.8rem;margin-block:.8rem 1.6rem;border-radius:var(--radius-button);background-color:rgba(var(--color-foreground),.06);font-size:var(--text-sm);font-weight:600}.psearch__all:hover,.psearch__all.is-active{background-color:rgba(var(--color-foreground),.12)}.psearch__empty{padding-block:3.2rem;text-align:center;font-size:var(--text-sm);opacity:.7}.psearch[data-loading] .psearch__body{opacity:.5}@media screen and (max-width:749px){.psearch__panel{height:100%}}@media screen and (min-width:750px){.psearch__panel{width:min(72rem,calc(100vw - 4rem));margin:8vh auto 0;max-height:78vh;border-radius:var(--radius-card);box-shadow:0 24px 60px #00000047;overflow:hidden}.psearch__close{display:none}}.search-head{display:flex;flex-direction:column;gap:1.6rem;margin-block-end:1.6rem}.search-head__form{display:flex;gap:.8rem;max-width:56rem}.search-head__field{position:relative;display:flex;align-items:center;gap:.8rem;flex:1;min-width:0;padding-inline:1.2rem;border:1px solid rgba(var(--color-border),.3);border-radius:var(--radius-input, var(--radius-button))}.search-head__field:focus-within{border-color:rgb(var(--color-accent))}.search-head__icon{flex-shrink:0;opacity:.55}.search-head__input{flex:1;min-width:0;height:4.4rem;border:0;background:none;color:inherit}.search-head__input:focus{outline:none}@media(prefers-reduced-motion:reduce){.psearch__panel,.psearch__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */