.nk-floating-search{position:fixed;left:0;right:0;bottom:20px;z-index:9999;display:flex;justify-content:center;padding:0 20px;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nk-floating-search.is-hidden{opacity:0;transform:translateY(20px);pointer-events:none}.nk-floating-search.is-pill{justify-content:center}.nk-floating-search__inner{width:100%;max-width:760px;pointer-events:auto;transition:max-width .38s cubic-bezier(.34,1.4,.64,1)}.nk-floating-search.is-pill .nk-floating-search__inner{max-width:152px}.nk-floating-search__form{display:flex;align-items:center;gap:10px;background:#fffffff5;padding:10px;border-radius:999px;box-shadow:0 10px 30px #00000026;border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .38s cubic-bezier(.34,1.4,.64,1),box-shadow .38s cubic-bezier(.34,1.4,.64,1),padding .38s cubic-bezier(.34,1.4,.64,1);overflow:hidden;cursor:pointer}.nk-floating-search.is-pill .nk-floating-search__form{background:#1a1a1a;box-shadow:0 4px 20px #0000004d;border-color:transparent;padding:10px 18px;gap:7px}.nk-floating-search__spark{flex-shrink:0;width:20px;height:20px;display:block}.nk-spark-main{fill:#1a1a1a;transition:fill .25s ease}.nk-spark-sub{fill:#1a1a1a;opacity:.45;transition:fill .25s ease}.nk-floating-search.is-pill .nk-spark-main,.nk-floating-search.is-pill .nk-spark-sub{fill:#fff}.nk-floating-search__pill-label{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-width .3s ease,opacity .2s ease}.nk-floating-search.is-pill .nk-floating-search__pill-label{max-width:80px;opacity:1}.nk-floating-search__ghost{flex:1;min-width:0;display:flex;align-items:center;font-size:16px;color:#6b7280;white-space:nowrap;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:9999px;opacity:1;transition:max-width .3s ease,opacity .2s ease}.nk-floating-search.is-pill .nk-floating-search__ghost{max-width:0;opacity:0;overflow:hidden}.nk-tw-cursor{display:inline-block;width:1.5px;height:15px;background:#9ca3af;margin-left:1px;vertical-align:middle;flex-shrink:0;animation:nk-blink .9s step-end infinite}@keyframes nk-blink{0%,to{opacity:1}50%{opacity:0}}.nk-floating-search__input{flex:1;min-width:0;border:none;outline:none;font-size:16px;padding:12px 16px;background:transparent;color:#111827;display:none;width:0;max-width:0;transition:max-width .2s ease,opacity .15s ease}.nk-floating-search__input.nk-input-active{display:block;width:100%;max-width:9999px}.nk-floating-search__input::placeholder{color:#6b7280}.nk-floating-search__button{flex-shrink:0;border:none;padding:12px 18px;border-radius:999px;background:#f4c542;color:#111827;font-weight:600;cursor:pointer;white-space:nowrap;max-width:120px;opacity:1;overflow:hidden;transition:max-width .3s ease,opacity .2s ease,padding .3s ease}.nk-floating-search.is-pill .nk-floating-search__button{max-width:0;opacity:0;padding-left:0;padding-right:0;pointer-events:none}.nk-floating-search__close{flex-shrink:0;border:none;background:transparent;color:#6b7280;width:40px;height:40px;border-radius:999px;cursor:pointer;font-size:24px;line-height:1;max-width:40px;opacity:1;overflow:hidden;transition:max-width .3s ease,opacity .2s ease,width .3s ease}.nk-floating-search__close:hover{background:#0000000d}.nk-floating-search.is-pill .nk-floating-search__close{max-width:0;width:0;opacity:0;pointer-events:none}@media(max-width:749px){.nk-floating-search{bottom:12px;padding:0 12px}.nk-floating-search__form{gap:8px;padding:8px}.nk-floating-search__input{padding:10px 12px}.nk-floating-search__button{padding:10px 14px;font-size:14px}.nk-floating-search__close{width:36px;height:36px;font-size:20px}.nk-floating-search__ghost{font-size:14px}}.nk-floating-search__form.is-loading{opacity:.7;pointer-events:none}.nk-floating-search__form.is-loading .nk-floating-search__button{position:relative}.nk-floating-search__form.is-loading .nk-floating-search__button:after{content:"...";margin-left:4px}
/*# sourceMappingURL=/cdn/shop/t/18/assets/floating-search-bar.css.map */