.onixx-search,.onixx-search-popup,.onixx-search-slot{--onixx-line: color-mix(in srgb, var(--onixx-ink) 12%, transparent);--onixx-steel: color-mix(in srgb, var(--onixx-ink) 60%, transparent);--onixx-hover: color-mix(in srgb, var(--onixx-ink) 6%, transparent)}.onixx-search,.onixx-search-popup{line-height:1.4}.header__search.onixx-search-slot{display:inline-flex;align-items:center;line-height:normal}.onixx-search{position:relative;display:block;font-family:var(--font-body-family)}.header__icons .onixx-search--inline{margin-right:.8rem;align-self:center}.onixx-search-toggle{background:none;border:0;padding:0;cursor:pointer;color:var(--onixx-accent)}.header__icons .onixx-search-toggle{display:none}.onixx-search-toggle--always,.header__icons .onixx-search-toggle--always{display:flex}@media(max-width:1299.98px){.header__icons .onixx-search--inline{display:none}.header__icons .onixx-search-toggle{display:flex}}.onixx-search .header-search-form{position:relative;width:260px;margin:0;transition:width .25s ease}.onixx-search:focus-within .header-search-form,.onixx-search.is-open .header-search-form{width:340px}.onixx-search .header-search-input{display:block;width:100%;height:42px;margin:0;padding:0 40px 0 16px;border:1px solid var(--onixx-line);border-radius:999px;background:var(--onixx-field);color:var(--onixx-field-ink);font-family:inherit;font-size:13px;letter-spacing:normal;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;transition:background-color .2s,border-color .2s,box-shadow .2s}.onixx-search .header-search-input::placeholder{color:color-mix(in srgb,var(--onixx-field-ink) 55%,transparent);opacity:1}.onixx-search .header-search-input:focus{border-color:var(--onixx-accent);background:var(--onixx-field);box-shadow:0 0 0 3px color-mix(in srgb,var(--onixx-accent) 18%,transparent)}.onixx-search.has-value .header-search-input{padding-right:68px}.onixx-search .header-search-input::-webkit-search-cancel-button,.onixx-search .header-search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.onixx-search .header-search-submit{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;border:0;background:none;color:var(--onixx-accent);display:flex;align-items:center;justify-content:center;cursor:pointer}.onixx-search .header-search-submit .icon{width:18px;height:18px}.onixx-search-rotator{position:absolute;left:16px;right:44px;top:50%;transform:translateY(-50%);font-size:13px;line-height:20px;color:color-mix(in srgb,var(--onixx-field-ink) 55%,transparent);white-space:nowrap;overflow:hidden;pointer-events:none;display:none}.onixx-rot-prefix,.onixx-rot-suffix{flex:0 0 auto;white-space:pre}.onixx-roll{position:relative;display:block;flex:0 1 auto;min-width:0;max-width:var(--cap, 100%);height:20px;overflow:hidden}.onixx-roll-item{display:block;max-width:var(--cap, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--onixx-field-ink)}.onixx-roll-item--in{position:absolute;left:0;top:0}.onixx-search.is-rotating .onixx-search-rotator{display:flex}.onixx-search.is-rotating.has-value .onixx-search-rotator{display:none}.onixx-search.is-rotating .header-search-input::placeholder{color:transparent}.onixx-search-clear{position:absolute;right:38px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:0;border-radius:50%;background:color-mix(in srgb,var(--onixx-field-ink) 8%,transparent);color:var(--onixx-field-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.onixx-search-clear[hidden]{display:none}.onixx-search-clear:hover{background:color-mix(in srgb,var(--onixx-field-ink) 16%,transparent)}.onixx-search-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(680px,92vw);max-height:min(70vh,560px);overflow-y:auto;background:var(--onixx-paper);color:var(--onixx-ink);border:1px solid var(--onixx-line);border-radius:12px;box-shadow:0 24px 48px -12px #00000040;z-index:60;text-align:left}.onixx-search-panel[hidden]{display:none}.onixx-search-panel.is-loading:before{content:"";position:sticky;top:0;display:block;height:2px;background:linear-gradient(90deg,transparent,var(--onixx-accent),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:onixx-load .9s linear infinite}@keyframes onixx-load{0%{background-position:-40% 0}to{background-position:140% 0}}.onixx-grid{display:grid;grid-template-columns:220px 1fr;gap:8px 24px;padding:16px 20px 12px}.onixx-grid--single{grid-template-columns:1fr}.onixx-col ul{list-style:none;margin:0;padding:0}.onixx-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--onixx-line);font-family:var(--font-body-family);font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--onixx-accent)}.onixx-link-btn{background:none;border:0;padding:0;font:inherit;letter-spacing:0;text-transform:none;color:var(--onixx-accent);cursor:pointer}.onixx-link-btn:hover{text-decoration:underline}.onixx-item{display:flex;align-items:center;gap:12px;padding:8px 10px;margin:0 -10px;border-radius:8px;color:var(--onixx-ink);text-decoration:none;transition:background-color .15s}.onixx-item:hover,.onixx-item.is-active{background:var(--onixx-hover)}.onixx-item.is-active{outline:2px solid var(--onixx-accent);outline-offset:-2px}.onixx-term{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.onixx-term-text{display:block;min-width:0}.onixx-search .onixx-term mark{background:transparent;color:var(--onixx-accent);font-weight:700}.onixx-thumb{flex:0 0 52px;width:52px;height:52px;border-radius:6px;background:#fff;overflow:hidden}.onixx-thumb img{width:100%;height:100%;object-fit:contain;display:block}.onixx-product-text{display:flex;flex-direction:column;gap:2px;min-width:0}.onixx-product-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.3}.onixx-product-price{font-size:14px;font-weight:600;color:var(--onixx-accent)}.onixx-note{margin:0;padding:18px 20px 4px;font-size:14px;color:var(--onixx-steel)}.onixx-footer{justify-content:space-between;margin:0;padding:14px 20px;border-top:1px solid var(--onixx-line);border-radius:0 0 12px 12px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.onixx-footer svg{width:16px;height:16px;flex:0 0 auto}@media(max-width:720px){.onixx-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.onixx-search .header-search-form,.onixx-search .header-search-input{transition:none}.onixx-search-panel.is-loading:before{animation:none}}html.onixx-search-open,html.onixx-search-open body{overflow:hidden}.onixx-search-popup{position:fixed;top:0;left:0;right:0;height:100%;z-index:1000;display:flex;flex-direction:column;background:var(--onixx-paper);color:var(--onixx-ink);animation:onixx-pop .22s ease-out}.onixx-search-popup[hidden]{display:none}@keyframes onixx-pop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.onixx-popup-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;width:100%;max-width:760px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:var(--onixx-paper)}.onixx-search-popup:after{content:"";position:absolute;left:0;right:0;top:calc(64px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--onixx-line)}.onixx-popup-close{flex:0 0 auto;background:none;border:0;padding:10px 6px;font:inherit;font-size:14px;font-weight:700;color:var(--onixx-ink);cursor:pointer}.onixx-popup-close:hover{color:var(--onixx-accent)}.onixx-search--popup{flex:1;min-width:0;position:static}.onixx-search--popup .header-search-form,.onixx-search--popup:focus-within .header-search-form,.onixx-search--popup.is-open .header-search-form{width:100%}.onixx-search--popup .header-search-input{height:44px;font-size:16px}.onixx-search--popup .onixx-search-rotator{font-size:15px}.onixx-search--popup .onixx-search-panel{position:absolute;top:calc(65px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;width:auto;max-height:none;border:0;border-radius:0;box-shadow:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.onixx-search--popup .onixx-search-panel>*{max-width:760px;margin-left:auto;margin-right:auto}.onixx-search--popup .onixx-grid{padding:16px}.onixx-search--popup .onixx-footer{position:sticky;bottom:0;background:var(--onixx-paper);border-radius:0}.onixx-search--popup .onixx-item{padding:10px}.onixx-search--popup .onixx-thumb{flex-basis:60px;width:60px;height:60px}@media(prefers-reduced-motion:reduce){.onixx-search-popup{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/onixx-search.css.map */