.search-pill{display:none}@media(min-width:990px){.search-pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 16px;margin-inline-end:6px;border-radius:var(--radius-pill);background:var(--peach);color:var(--cocoa);text-decoration:none;font:700 14px/1 var(--font-text);transition:background-color .2s,box-shadow .25s var(--ease),transform .25s var(--ease)}.is-rtl .search-pill{padding:0 16px 0 8px;font-size:15px}.search-pill:hover{background:var(--peach-deep);transform:translateY(-1px);box-shadow:0 8px 20px -12px #de4a2c99}.search-pill .icon{width:18px;height:18px;color:var(--coral)}.search-pill__text{color:var(--cocoa-soft);min-width:92px}.search-pill kbd{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cream);color:var(--coral-deep);font:800 13px/1 var(--font-text)}}.search-btn .icon{transition:transform .35s var(--ease)}.search-btn:hover .icon{transform:rotate(-12deg) scale(1.08)}.bb-search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;visibility:hidden}.bb-search.is-open{visibility:visible}.bb-search__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#3d231661;opacity:0;cursor:pointer;transition:opacity .35s var(--ease)}.bb-search.is-open .bb-search__overlay{opacity:1}.bb-search__panel{position:relative;max-height:100dvh;overflow-y:auto;background:var(--cream);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-soft);transform:translateY(-104%);transition:transform .45s var(--ease)}.bb-search.is-open .bb-search__panel{transform:none}.bb-search__inner{padding-block:18px 28px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}@media(min-width:750px){.bb-search__inner{padding-block:28px 40px}}.bb-search__form{position:relative;display:flex;align-items:center;gap:10px}.bb-search__glass{position:absolute;inset-inline-start:20px;color:var(--coral);pointer-events:none;animation:bbWiggle 2.8s var(--ease) infinite}@keyframes bbWiggle{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-14deg)}86%{transform:rotate(10deg)}}.bb-search__form input[type=search]{flex:1;min-width:0;height:64px;padding:0 64px 0 56px;border-radius:var(--radius-pill);border:2px solid transparent;background:#fffdf9;box-shadow:inset 0 0 0 1.5px var(--line);font:700 19px/1 var(--font-text);color:var(--cocoa);-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}.is-rtl .bb-search__form input[type=search]{padding:0 56px 0 64px;font-size:20px}.bb-search__form input[type=search]::-webkit-search-cancel-button{display:none}.bb-search__form input[type=search]:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 6px #de4a2c1f}@media(min-width:750px){.bb-search__form input[type=search]{height:72px;font-size:22px}}.bb-search__ghost{position:absolute;inset-inline-start:58px;top:50%;translate:0 -50%;display:flex;align-items:center;gap:0;font:600 19px/1 var(--font-text);color:var(--cocoa-soft);pointer-events:none;white-space:nowrap}.is-rtl .bb-search__ghost{font-size:20px}@media(min-width:750px){.bb-search__ghost{font-size:22px}}.bb-search__ghost b{color:var(--coral-deep);font-weight:800;margin-inline-start:.25em}.bb-search__caret{width:2px;height:1.1em;margin-inline-start:2px;background:var(--coral);animation:bbBlink 1s steps(1) infinite}@keyframes bbBlink{50%{opacity:0}}.bb-search.has-text .bb-search__ghost{display:none}.bb-search__go{position:absolute;inset-inline-end:64px;width:48px;height:48px;border-radius:50%;border:0;background:var(--coral);color:var(--cream);display:grid;place-items:center;cursor:pointer;transform:scale(.6);opacity:0;transition:transform .3s var(--ease),opacity .2s,background-color .2s}@media(min-width:750px){.bb-search__go{width:56px;height:56px}}.bb-search.has-text .bb-search__go{transform:none;opacity:1}.bb-search__go:hover{background:var(--coral-deep)}.bb-search__go .icon{width:20px;height:20px}.bb-search__close{flex:none;background:var(--oat)}.bb-search__hint{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--cocoa-soft)}.bb-search__hint .icon{width:18px;height:18px;color:var(--coral)}.bb-search__start{display:grid;gap:14px}.bb-search__start[hidden]{display:none}.bb-search__label{margin-top:6px;font:800 13px/1.2 var(--font-text);letter-spacing:1.6px;text-transform:uppercase;color:var(--coral-deep)}.is-rtl .bb-search__label{letter-spacing:0;font-size:15px}.bb-search__chips{display:flex;flex-wrap:wrap;gap:8px}.bb-search__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-pill);background:var(--peach);text-decoration:none;font-weight:800;font-size:15px;transition:transform .25s var(--ease);animation:fadeUp .45s var(--ease) both}.bb-search__chip small{font-size:12px;font-weight:800;color:var(--cocoa-soft);background:#fff9;border-radius:var(--radius-pill);padding:3px 8px}.bb-search__chip:hover{transform:translateY(-2px) rotate(-1.5deg)}.bb-search__chip--1{background:var(--mint)}.bb-search__chip--2{background:var(--blush)}.bb-search__chip--3{background:var(--lilac)}.bb-search__chip--4{background:var(--oat)}.bb-search__brands{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.bb-search__brands::-webkit-scrollbar{display:none}.bb-search__brand{flex:none;display:grid;place-items:center;height:56px;min-width:104px;padding:0 18px;border-radius:var(--radius-md);background:#fffdf9;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s,transform .25s var(--ease)}.bb-search__brand:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--cocoa)}.bb-search__brand .brand-logo{height:20px;opacity:.85}.bb-search__brand .brand-logo--bibs{height:28px}.bb-search__results[hidden]{display:none}.bb-search__list{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}@media(min-width:750px){.bb-search__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.bb-search__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.bb-search__item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:8px;padding-inline-end:16px;border-radius:var(--radius-md);background:#fffdf9;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;animation:fadeUp .35s var(--ease) both;transition:box-shadow .2s,transform .25s var(--ease)}.bb-search__item:hover,.bb-search__item:focus-visible{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--cocoa)}.bb-search__thumb{width:72px;height:72px;border-radius:12px;background:var(--oat);overflow:hidden}.bb-search__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.bb-search__name{font-weight:800;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bb-search__name mark{background:var(--peach);color:inherit;border-radius:4px;padding:0 2px}.bb-search__vendor{font-size:12px;font-weight:800;color:var(--cocoa-soft);letter-spacing:.8px;text-transform:uppercase;margin-top:2px}.is-rtl .bb-search__vendor{letter-spacing:0}.bb-search__price{font:800 15px/1 var(--font-text);color:var(--coral-deep);white-space:nowrap}.bb-search__sold{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--oat);color:var(--cocoa-soft);font-size:11px;font-weight:800}.bb-search__all{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:800;color:var(--cocoa)}.bb-search__all .icon{width:18px;height:18px}.bb-search__empty{display:grid;justify-items:center;gap:10px;padding:24px 0;text-align:center;color:var(--cocoa-soft);font-weight:700}.bb-search__empty .logo-svg{width:48px;color:var(--peach-deep)}.bb-search__loading{display:flex;gap:6px;padding:12px 4px}.bb-search__loading span{width:10px;height:10px;border-radius:50%;background:var(--coral);animation:bbBounce .9s var(--ease) infinite}.bb-search__loading span:nth-child(2){animation-delay:.12s;background:var(--peach-deep)}.bb-search__loading span:nth-child(3){animation-delay:.24s;background:var(--mint-deep)}@keyframes bbBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}body.has-search{overflow:hidden}@media(max-width:749px){.bb-search__item{grid-template-columns:60px minmax(0,1fr);gap:12px}.bb-search__thumb{width:60px;height:60px}.bb-search__price{grid-column:2;font-size:14px}.bb-search__go{inset-inline-end:62px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/bb-search.css.map */
