.search{--search-padding: var(--bf-space-24);--search-row-gap: var(--bf-space-20);--search-columns: 2;--search-grid-gap: var(--bf-space-16);--search-skeleton: color-mix(in srgb, var(--bf-ink) 10%, var(--bf-surface));--search-wipe: 1.2s;--search-item: 1.3s;--search-stagger: .15s;--search-lead: .22s;--search-exit: .82s;--search-exit-lead: .18s;--search-ease: cubic-bezier(.16, 1, .3, 1);position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;visibility:hidden;background-color:var(--bf-surface);clip-path:inset(0 0 100% 0);transition:clip-path var(--search-exit) var(--search-ease) var(--search-exit-lead),visibility 0s linear calc(var(--search-exit) + var(--search-exit-lead))}.search:where(.is-open){visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path var(--search-wipe) var(--search-ease),visibility 0s}.search__row,.search__rule,.search__content{opacity:0;transform:translateY(1.6rem);transition:opacity var(--search-exit) var(--search-ease),transform var(--search-exit) var(--search-ease)}.search:where(.is-open) .search__row{opacity:1;transform:translateY(0);transition-duration:var(--search-item);transition-delay:var(--search-lead)}.search:where(.is-open) .search__rule{opacity:1;scale:1 1;transition-duration:var(--search-item);transition-delay:calc(var(--search-lead) + var(--search-stagger))}.search:where(.is-open) .search__content{opacity:1;transform:translateY(0);transition-duration:var(--search-item);transition-delay:calc(var(--search-lead) + var(--search-stagger) * 2)}.search__panel{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh}@supports (height: 100dvh){.search__panel{height:100dvh}}.search__row{display:flex;gap:var(--search-row-gap);align-items:center;padding:var(--bf-space-40) var(--search-padding) var(--bf-space-16)}.search__icon,.search__clear,.search__close{display:flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--bf-ink)}.search__clear,.search__close{padding:0;border:0;background:none;cursor:pointer}.search__clear[hidden]{display:none}.search__input{flex:1 1 auto;min-width:0;padding:0;border:0;background:none;color:var(--bf-ink);font-family:inherit;font-size:var(--bf-text-search-size);font-weight:var(--bf-text-search-weight);letter-spacing:var(--bf-text-search-tracking);line-height:var(--bf-leading-snug);-webkit-appearance:none;appearance:none}.search__input:focus,.search__input:focus-visible,.search__clear:focus,.search__clear:focus-visible,.search__close:focus,.search__close:focus-visible,.search__all:focus,.search__all:focus-visible{outline:none;box-shadow:none}.search__input::placeholder{color:var(--bf-ink);opacity:.4}.search__input::-webkit-search-cancel-button{display:none}.search__rule{margin:0 var(--search-padding);border:0;border-top:2px solid var(--bf-ink);transform:none;transform-origin:left center;scale:0 1;transition:opacity var(--search-exit) var(--search-ease),scale var(--search-exit) var(--search-ease)}.search__content{overflow-y:auto;overscroll-behavior:contain;padding:var(--bf-space-24) var(--search-padding) var(--bf-space-32);scrollbar-width:none}.search__content::-webkit-scrollbar{display:none}.search__group+.search__group{margin-top:var(--bf-space-32)}.search__label{margin:0 0 var(--bf-space-14);font-size:var(--bf-text-group-title-size);font-weight:var(--bf-text-group-title-weight);letter-spacing:.0111em;line-height:var(--bf-leading-tight)}.search__grid{display:grid;gap:var(--bf-space-24) var(--search-grid-gap);grid-template-columns:repeat(var(--search-columns),minmax(0,1fr));align-items:start}.search__empty{margin:0;font-size:var(--bf-text-body-size);letter-spacing:var(--bf-text-body-tracking)}.search__skeleton-card{display:flex;flex-direction:column;gap:var(--bf-space-12)}.search__skeleton-media{aspect-ratio:3 / 4;background-color:var(--search-skeleton)}.search__skeleton-line{height:1.6rem;background-color:var(--search-skeleton)}.search__skeleton-line--short{width:40%}@media(prefers-reduced-motion:no-preference){.search__skeleton-media,.search__skeleton-line{animation:search-pulse 1.2s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.search,.search__row,.search__rule,.search__content{transform:none;opacity:1;scale:1 1;transition:none}.search:where(.is-open){clip-path:none}}@keyframes search-pulse{50%{opacity:.45}}.search__footer{display:flex;justify-content:center;padding:var(--bf-space-16) var(--search-padding) var(--bf-space-24);border-top:2px solid var(--bf-ink)}.search__footer[hidden]{display:none}.search__all{padding:var(--bf-space-16) var(--bf-space-32);background-color:var(--bf-ink);color:var(--bf-surface);font-size:var(--bf-text-body-size);font-weight:var(--bf-weight-bold);letter-spacing:var(--bf-text-body-tracking);line-height:var(--bf-leading-tight);text-decoration:none}.search__status{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);white-space:nowrap}@media screen and not (min-width:834px){.search__group--popular{display:none}}@media screen and (min-width:834px){.search{--search-padding: var(--bf-space-32);--search-columns: 3;--search-grid-gap: var(--bf-space-20)}}@media screen and (min-width:1024px){.search{--search-padding: 4.8rem;--search-columns: 4;--search-grid-gap: var(--bf-space-24)}.search__row{padding:5.6rem var(--search-padding) var(--bf-space-28)}.search__content{padding:var(--bf-space-40) var(--search-padding)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bf-search.css.map */