.search-panel{--search-panel-width: 500px;--search-panel-scrim-blur: 12px;--search-panel-duration: .25s;--search-panel-spin: .8s;--search-panel-ring: 2px;--search-panel-inline: var(--space-x4);--search-panel-block: var(--space-x4)}html:has(.search-panel__dialog:modal){overflow:hidden}.search-panel [hidden]{display:none}.search-panel__dialog{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:visible}.search-panel__dialog::backdrop{background:none}.search-panel__scrim{display:none}.search-panel__panel{position:absolute;inset-inline:0;inset-block-start:0;display:flex;flex-direction:column;block-size:100vh;block-size:100dvh;background:var(--bg-primary);color:var(--text-primary);overflow:clip}.search-panel__panel:focus-visible{outline:none}.search-panel__panel:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;box-shadow:inset 0 0 0 var(--search-panel-ring) var(--control-border-focus);pointer-events:none}.search-panel__header{flex:none}.search-panel__field{display:flex;flex:none;align-items:center;gap:var(--space-x4);padding:var(--search-panel-block) var(--search-panel-inline)}.search-panel__input-box{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-x2);min-inline-size:0;block-size:var(--space-x14);padding-inline:var(--space-x4);border:1px solid var(--control-border-input);border-radius:var(--radius-x2)}.search-panel__input-box:focus-within{border-color:var(--control-border-focus)}@media(hover:hover){.search-panel__input-box:hover{background:var(--bg-secondary)}}.search-panel__input-box:active{background:var(--bg-secondary)}.search-panel__input-icon{flex:none;inline-size:var(--space-x5);block-size:var(--space-x5);color:var(--icon-primary)}.search-panel__input{flex:1 1 auto;min-inline-size:0;block-size:100%;margin:0;padding:0;border:0;background:transparent;color:var(--control-content-primary);font-family:inherit;text-overflow:ellipsis;-webkit-appearance:none;appearance:none}.search-panel__input:focus{outline:none}.search-panel__input::placeholder{color:var(--control-content-secondary);opacity:1}.search-panel__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.search-panel__clear{display:flex;flex:none}.search-panel__scroll-area{flex:1 1 auto}.search-panel__body{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;overflow-y:auto;overscroll-behavior:contain}.search-panel__content{display:flex;flex:1 0 auto;flex-direction:column}.search-panel__band{margin:0;padding:0 var(--search-panel-inline) var(--search-panel-block)}.search-panel__band:not([hidden])~.search-panel__band:not([hidden]){padding-block-start:var(--search-panel-block);border-block-start:1px solid var(--border-divider)}.search-panel__message{display:flex;gap:var(--space-x1);white-space:nowrap;color:var(--text-secondary)}.search-panel__message-text{flex:none}.search-panel__message-quoted{display:flex;flex:0 1 auto;min-inline-size:0;color:var(--text-primary);font-weight:var(--font-weight-medium)}.search-panel__message-quoted:before{content:"\201c";flex:none}.search-panel__message-quoted:after{content:"\201d";flex:none}.search-panel__message-query{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.search-panel__products{display:flex;flex-direction:column;gap:var(--space-x4)}.search-panel__products-title{margin:0;text-transform:uppercase;color:var(--text-secondary)}.search-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-x4) var(--space-x3);margin:0;padding:0;list-style:none}.search-panel__empty{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;text-align:center}.search-panel__empty-text{display:flex;flex-direction:column;gap:var(--space-x1-5)}.search-panel__empty-title{margin:0;color:var(--text-primary)}.search-panel__empty-description{margin:0;color:var(--text-secondary)}.search-panel__loader{display:grid;flex:1 1 auto;place-items:center}.search-panel__spinner{inline-size:var(--space-x5);block-size:var(--space-x5);color:var(--icon-primary);animation:search-panel-spin var(--search-panel-spin) linear infinite}.search-panel__suggested{flex:none}.search-panel__suggested .upsell-carousel{--upsell-carousel-gap: var(--space-x3);--upsell-carousel-padding-inline: var(--search-panel-inline);border-block-start:1px solid var(--border-divider);border-block-end:0}.search-panel__footer{flex:none;padding:var(--space-x4) var(--search-panel-inline);background:var(--bg-primary);border-block-start:1px solid var(--border-divider)}@media(min-width:768px){.search-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.search-panel{--search-panel-inline: var(--space-x6);--search-panel-block: var(--space-x6)}.search-panel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--bg-overlay-modal);-webkit-backdrop-filter:blur(var(--search-panel-scrim-blur));backdrop-filter:blur(var(--search-panel-scrim-blur))}.search-panel__panel{inset-block:0;inset-inline-start:auto;inset-inline-end:0;inline-size:var(--search-panel-width);block-size:auto}.search-panel__grid{column-gap:var(--space-x4)}}@media(prefers-reduced-motion:no-preference){.search-panel:not([data-instant]) .search-panel__panel{animation:search-panel-fade var(--search-panel-duration) ease}}@media(prefers-reduced-motion:no-preference)and (min-width:1200px){.search-panel:not([data-instant]) .search-panel__panel{animation-name:search-panel-slide}.search-panel:not([data-instant]) .search-panel__scrim{animation:search-panel-fade var(--search-panel-duration) ease}}@media(prefers-reduced-motion:reduce){.search-panel__spinner{animation:none}}@keyframes search-panel-fade{0%{opacity:0}}@keyframes search-panel-slide{0%{transform:translate(100%)}}@keyframes search-panel-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-search-panel.css.map */