.pi-search{--pi-search-input-height: 48px;--pi-search-input-padding-inline: 16px;--pi-search-input-font-size: 16px;--pi-search-input-border-radius: 8px;--pi-search-input-bg: 255, 255, 255;--pi-search-input-bg-opacity: .15;--pi-search-input-text: 255, 255, 255;--pi-search-input-placeholder: 255, 255, 255;--pi-search-input-placeholder-opacity: .7;--pi-search-input-border-width: 1px;--pi-search-input-border-color: 255, 255, 255;--pi-search-input-border-opacity: .3;--pi-search-overlay-bg: 0, 0, 0;--pi-search-overlay-opacity: .5;--pi-search-overlay-z: 1000;--pi-search-popup-width-pct: 92%;--pi-search-popup-max-height: 400px;--pi-search-popup-padding: 12px;--pi-search-popup-border-radius: 8px;--pi-search-popup-bg: 255, 255, 255;--pi-search-popup-text: 0, 0, 0;--pi-search-popup-shadow: 0 8px 32px rgba(0, 0, 0, .2);--pi-search-results-gap: 8px;--pi-search-card-gap: 12px;--pi-search-card-padding: 12px;--pi-search-card-border-radius: 6px;--pi-search-card-bg: 0, 0, 0;--pi-search-card-bg-opacity: .06;--pi-search-card-title-font-size: 15px;--pi-search-card-title-font-weight: 600;--pi-search-card-title-line-height: 1.35;--pi-search-card-tag-font-size: 12px;--pi-search-card-tag-opacity: .8;--pi-search-card-image-size: 56px;--pi-search-empty-font-size: 14px;--pi-search-empty-opacity: .8;width:100%;max-width:100%;position:relative}.pi-search__form{width:100%}.pi-search__input-wrap{position:relative;width:100%}.pi-search__input{display:block;width:100%;height:var(--pi-search-input-height);padding-inline:var(--pi-search-input-padding-inline);font-size:var(--pi-search-input-font-size);border-radius:var(--pi-search-input-border-radius);border:var(--pi-search-input-border-width) solid rgba(var(--pi-search-input-border-color),var(--pi-search-input-border-opacity));background:rgba(var(--pi-search-input-bg),var(--pi-search-input-bg-opacity));color:rgb(var(--pi-search-input-text));-webkit-appearance:none;appearance:none;outline:none;box-sizing:border-box}.pi-search__input::placeholder{color:rgb(var(--pi-search-input-placeholder));opacity:var(--pi-search-input-placeholder-opacity)}.pi-search__input:focus{border-color:rgba(var(--pi-search-input-border-color),.6)}.pi-search__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--pi-search-overlay-z);display:flex;align-items:center;justify-content:center;padding:var(--pi-search-popup-padding);background:rgba(var(--pi-search-overlay-bg),var(--pi-search-overlay-opacity));opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box}.pi-search__overlay.is-open{opacity:1;visibility:visible}.pi-search__panel{width:var(--pi-search-popup-width-pct);max-width:100%;max-height:var(--pi-search-popup-max-height);padding:var(--pi-search-popup-padding);border-radius:var(--pi-search-popup-border-radius);background:rgb(var(--pi-search-popup-bg));color:rgb(var(--pi-search-popup-text));box-shadow:var(--pi-search-popup-shadow);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.pi-search__results{display:flex;flex-direction:column;gap:var(--pi-search-results-gap);overflow-y:auto;flex:1;min-height:0}.pi-search__card{display:flex;align-items:center;gap:var(--pi-search-card-gap);padding:var(--pi-search-card-padding);border-radius:var(--pi-search-card-border-radius);background:rgba(var(--pi-search-card-bg),var(--pi-search-card-bg-opacity));text-decoration:none;color:inherit;transition:background .15s ease;box-sizing:border-box}.pi-search__card:hover{background:rgba(var(--pi-search-card-bg),calc(var(--pi-search-card-bg-opacity) * 1.5))}.pi-search__card-image{flex-shrink:0;width:var(--pi-search-card-image-size);height:var(--pi-search-card-image-size);border-radius:4px;overflow:hidden;background:#00000014}.pi-search__card-image img{width:100%;height:100%;object-fit:cover;display:block}.pi-search__card-body{flex:1;min-width:0}.pi-search__card-title{font-size:var(--pi-search-card-title-font-size);font-weight:var(--pi-search-card-title-font-weight);line-height:var(--pi-search-card-title-line-height);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pi-search__card-tag{font-size:var(--pi-search-card-tag-font-size);opacity:var(--pi-search-card-tag-opacity);margin-block-start:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-search__empty,.pi-search__loading{font-size:var(--pi-search-empty-font-size);opacity:var(--pi-search-empty-opacity);text-align:center;padding:16px 0;margin:0}@media screen and (min-width:750px){.pi-search{--pi-search-input-height: 52px;--pi-search-input-padding-inline: 20px;--pi-search-input-font-size: 16px;--pi-search-input-border-radius: 10px;--pi-search-popup-width-pct: 80%;--pi-search-popup-max-height: 440px;--pi-search-popup-padding: 16px;--pi-search-popup-border-radius: 10px;--pi-search-results-gap: 10px;--pi-search-card-gap: 14px;--pi-search-card-padding: 14px;--pi-search-card-border-radius: 8px;--pi-search-card-title-font-size: 16px;--pi-search-card-image-size: 64px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/pi-blog-search.css.map */