#search-modal{--bl-sd-w: 480px;--bl-sd-pad: 32px;--bl-sd-ease: cubic-bezier(.22, .61, .36, 1);--bl-sd-in: .34s;--bl-sd-out: .26s}@media(min-width:1440px){#search-modal{--bl-sd-w: 560px;--bl-sd-pad: 40px}}@media(max-width:989px){#search-modal{--bl-sd-w: 100vw;--bl-sd-pad: 16px}}#search-modal .search-modal__content{position:fixed;inset:0 auto 0 0;width:var(--bl-sd-w);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:var(--card);color:var(--ink);box-shadow:24px 0 60px -24px #0a0a0a59;overflow:hidden}#search-modal .search-modal__content[open]{display:flex;border-radius:0;box-shadow:24px 0 60px -24px #0a0a0a59;animation:bl-sd-in var(--bl-sd-in) var(--bl-sd-ease) both}#search-modal .search-modal__content.dialog-closing{animation:bl-sd-out var(--bl-sd-out) cubic-bezier(.4,0,.6,1) both}#search-modal .search-modal__content::backdrop{display:block;background:#0a0a0a73;-webkit-backdrop-filter:none;backdrop-filter:none}#search-modal .search-modal__content[open]::backdrop{animation:bl-sd-dim-in var(--bl-sd-in) var(--bl-sd-ease) both}#search-modal .search-modal__content.dialog-closing::backdrop{opacity:1;animation:bl-sd-dim-out var(--bl-sd-out) cubic-bezier(.4,0,.6,1) both}@keyframes bl-sd-in{0%{transform:translate(-100%)}to{transform:none}}@keyframes bl-sd-out{0%{transform:none}to{transform:translate(-100%)}}@keyframes bl-sd-dim-in{0%{opacity:0}to{opacity:1}}@keyframes bl-sd-dim-out{0%{opacity:1}to{opacity:0}}#search-modal predictive-search-component{display:block;width:100%;height:100%;margin:0;background:var(--card)}#search-modal .predictive-search-form{display:flex;flex-direction:column;height:100%}#search-modal .predictive-search-form__header{position:relative;flex:none;display:flex;align-items:center;gap:8px;width:100%;height:calc(76px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) calc(var(--bl-sd-pad) - 12px) 0 var(--bl-sd-pad);box-sizing:border-box;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--card);box-shadow:none}#search-modal .predictive-search-form__header:before{content:none}#search-modal .predictive-search-form__header-inner{flex:1 1 auto;min-width:0;border:0;border-radius:0;background:transparent;outline:none}#search-modal input.search-input{height:48px;padding:0 0 0 32px;border:0;border-radius:0;background:transparent;color:var(--ink);font:400 20px / 1.2 var(--font-body)}#search-modal input.search-input::placeholder{color:var(--mute);opacity:1}#search-modal input.search-input::-webkit-search-cancel-button{display:none}#search-modal .predictive-search__icon{inset-inline-start:var(--bl-sd-pad);width:20px;height:20px;color:var(--mute)}#search-modal .predictive-search__icon>svg{width:20px;height:20px}#search-modal .predictive-search__reset-button{min-width:0;height:32px;margin:0;padding:0 8px;color:var(--mute);font:500 13px / 1 var(--font-body);opacity:1}#search-modal .predictive-search__reset-button:hover{color:var(--ink)}#search-modal .predictive-search__reset-button-icon{display:none}#search-modal .predictive-search__reset-button-text{display:block}#search-modal .predictive-search__close-modal-button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border-radius:var(--r-btn);color:var(--ink)}#search-modal .predictive-search__close-modal-button:hover{background:var(--tint)}#search-modal .predictive-search__close-modal-button .svg-wrapper,#search-modal .predictive-search__close-modal-button svg{width:18px;height:18px}#search-modal .predictive-search-form__content-wrapper{position:relative;inset:auto;flex:1 1 auto;display:flex;flex-direction:column;width:100%;height:auto;min-height:0;max-height:none;border-radius:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:none;transform:none;scrollbar-width:thin}#search-modal .predictive-search-form__content{flex:1 0 auto;max-height:none;overflow:visible;padding-block-end:0}#search-modal predictive-search-component:not(.bl-sd-typing) .predictive-search-form__content,#search-modal predictive-search-component:not(.bl-sd-typing) .predictive-search-form__footer{display:none}#search-modal predictive-search-component.bl-sd-typing .bl-sd{display:none}#search-modal .predictive-search-results__inner{padding-inline:calc(var(--bl-sd-pad) - 20px)}#search-modal .bl-fz{padding-inline:20px}#search-modal .bl-fz__list{grid-template-columns:minmax(0,1fr)}#search-modal predictive-search-component.bl-sd-typing:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer,#search-modal predictive-search-component.bl-sd-typing.bl-fz-on .predictive-search-form__footer{position:sticky;bottom:0;display:block;padding:16px var(--bl-sd-pad) calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(rgb(255 255 255 / 0),var(--card) 24px)}#search-modal .predictive-search__search-button{display:flex;width:100%;height:48px;align-items:center;justify-content:center;border-radius:var(--r-btn);background:var(--ink);color:var(--on-ink);font:600 15px / 1 var(--font-body)}#search-modal .bl-sd__sec{padding:32px var(--bl-sd-pad) 36px;border-bottom:1px solid var(--line)}#search-modal .bl-sd__sec--feat{border-bottom:0}#search-modal .bl-sd__hrow{display:flex;align-items:center;justify-content:space-between;gap:16px}#search-modal .bl-sd__h{margin:0;color:var(--ink);font:600 18px / 1.25 var(--font-body);letter-spacing:0;text-transform:none}#search-modal .bl-sd__chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none}#search-modal .bl-sd__chip{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--card);color:var(--ink);font:500 15px / 1 var(--font-body);text-decoration:none;cursor:pointer;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}#search-modal .bl-sd__chip:hover{border-color:var(--ink)}#search-modal .bl-sd__chip:focus-visible,#search-modal .bl-sd__arr:focus-visible,#search-modal .bl-sd__card-a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#search-modal .bl-sd__arrows{display:flex;gap:4px}#search-modal .bl-sd__arr{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--r-btn);background:transparent;color:var(--ink);cursor:pointer}#search-modal .bl-sd__arr:hover:not(:disabled){background:var(--tint)}#search-modal .bl-sd__arr:disabled{color:var(--line-2);cursor:default}#search-modal .bl-sd__arr svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#search-modal .bl-sd__rail{--bl-sd-gap: 16px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--bl-sd-gap)) / 2);gap:var(--bl-sd-gap);margin:20px 0 0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}#search-modal .bl-sd__rail::-webkit-scrollbar{display:none}#search-modal .bl-sd__card{min-width:0;scroll-snap-align:start}#search-modal .bl-sd__card-a{display:block;color:var(--ink);text-decoration:none}#search-modal .bl-sd__frame{display:grid;place-items:center;aspect-ratio:4 / 5;overflow:hidden;background:var(--plate)}#search-modal .bl-sd__img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--bl-sd-ease)}#search-modal .bl-sd__card-a:hover .bl-sd__img{transform:scale(1.03)}#search-modal .bl-sd__name{display:block;margin-top:10px;font:600 15px / 1.3 var(--font-body)}#search-modal .bl-sd__card-a:hover .bl-sd__name{text-decoration:underline;text-underline-offset:3px}@media(max-width:989px){#search-modal .predictive-search-form__header{height:calc(64px + env(safe-area-inset-top,0px))}#search-modal input.search-input{font-size:18px}#search-modal .bl-sd__sec{padding-block:24px 28px}#search-modal .bl-sd__rail{grid-auto-columns:calc((100% - var(--bl-sd-gap)) / 2.2)}}@media(prefers-reduced-motion:reduce){#search-modal .search-modal__content[open],#search-modal .search-modal__content.dialog-closing,#search-modal .search-modal__content[open]::backdrop,#search-modal .search-modal__content.dialog-closing::backdrop{animation:none}#search-modal .bl-sd__rail{scroll-behavior:auto}#search-modal .bl-sd__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/bl-search-drawer.css.map */