.ssearch{position:relative;display:none}.ssearch__form{position:relative;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid #DCDCEC;border-radius:var(--radius-input);background:var(--surface)}.ssearch__form:focus-within{border-color:var(--indigo);box-shadow:0 0 0 3px #221f5e1f}.ssearch__icon{flex:none;color:var(--ink-mute)}.ssearch__input{flex:1;min-width:0;height:100%;border:0;background:none;font:400 var(--text-base)/1 var(--font-body);color:var(--ink);-webkit-appearance:none;appearance:none}.ssearch__input::placeholder{color:var(--ink-mute)}.ssearch__input:focus{outline:none}.ssearch__input::-webkit-search-cancel-button{display:none}.ssearch__clear,.ssearch__close{display:grid;place-items:center;width:30px;height:30px;flex:none;border:0;border-radius:var(--radius-action);background:none;color:var(--ink-mute);cursor:pointer}.ssearch__clear:hover{color:var(--ink)}.ssearch__close{display:none}.ssearch__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;max-height:min(70vh,560px);overflow-y:auto;padding:8px;border:1px solid #E4E4F2;border-radius:var(--radius-card);background:var(--surface);box-shadow:0 6px 16px #14132e14}.ssearch__panel[hidden]{display:none}.ssearch__group{margin:10px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.sres{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-input);color:var(--ink);text-decoration:none}.sres:hover,.sres--active{background:var(--surface-alt)}.sres__media{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:var(--radius-input);background:#fff;border:1px solid #EDEDF6;overflow:hidden}.sres__media img{width:100%;height:100%;object-fit:contain}.sres__body{flex:1;min-width:0;display:grid;gap:1px}.sres__brand{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--magenta)}.sres__title{font-size:var(--text-sm);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sres__price{flex:none;font-size:var(--text-sm);font-weight:600;color:var(--indigo)}.sres__kind{flex:none;font-size:var(--text-xs);color:var(--ink-mute)}.sres--link{padding-block:10px}.ssearch__all{display:block;margin:8px 0 2px;padding:12px;border-radius:var(--radius-input);background:var(--indigo);color:#fff;font-size:var(--text-sm);font-weight:600;text-align:center;text-decoration:none}.ssearch__empty{margin:14px 10px;font-size:var(--text-sm);line-height:1.5;color:var(--ink-soft)}.ssearch__seed{padding:6px 10px 10px}.ssearch__seed[hidden]{display:none}.ssearch__seed-label{margin:4px 0 10px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.ssearch__seed-links{display:flex;flex-wrap:wrap;gap:8px}.ssearch__seed-link{padding:8px 14px;border:1px solid #DCDCEC;border-radius:var(--radius-action);background:none;font:500 var(--text-sm)/1 var(--font-body);color:var(--ink);cursor:pointer}.ssearch__seed-link:hover{border-color:var(--magenta);color:var(--magenta)}.ssearch__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;width:100%;height:100%;border:0;background:#100e3073;cursor:pointer}.ssearch__scrim[hidden]{display:none}body.ssearch-locked{overflow:hidden}.ssearch--overlay{display:block;position:fixed;inset:0 0 auto;z-index:45;padding:12px 16px 14px;background:var(--surface);border-bottom:1px solid #E4E4F2}.ssearch--overlay .ssearch__close{display:grid}.ssearch--overlay .ssearch__panel{position:static;max-height:calc(100dvh - 90px);margin-top:10px;border:0;box-shadow:none;padding:0}@media(min-width:1024px){.ssearch{display:block;width:100%;max-width:520px;justify-self:center}.ssearch__scrim{display:none}}.sq{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--ink);text-decoration:none;font-size:var(--text-base);line-height:1.3}.sq svg{flex:none;color:var(--ink-mute)}.sq__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq__typed{color:var(--ink-mute)}.sq__text strong{font-weight:500}.sq:hover,.sq.sres--active{background:var(--surface-alt)}
/*# sourceMappingURL=/cdn/shop/t/52/assets/stlukes-search.css.map */