.search-bar{max-height:calc(100dvh - 50px);width:100%;height:0;display:grid;opacity:0;visibility:hidden;grid-template-rows:0fr}@media(min-width:769px){.search-bar{transition:opacity .3s ease,grid-template-rows .3s ease}}.search-bar:after{content:"";position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#0009;opacity:0;z-index:2;transition:opacity .3s ease}.search-bar.active{grid-template-rows:1fr;opacity:1;visibility:visible;height:fit-content;z-index:3}.search-bar.active:after{opacity:1}.search-bar .search-bar__results{height:100%;max-height:calc(100dvh - 20%)}.search-bar .search-bar__results:not(:empty){border-top:var(--light-gray-border)}.search-bar .search-bar__results .predictive-search__results-heading{display:block;margin:16px 0 0;font-size:13px;color:#57534e}.search-bar .search-bar__results .predictive-search__results-heading-hint{display:none}@media(max-width:768px){.search-bar .search-bar__results{flex:1;min-height:0;height:auto;max-height:none;overflow-y:auto;overscroll-behavior:contain}}@media(max-width:768px){.search-bar{max-height:calc(100dvh - var(--search-bar-top-offset, 50px))}.search-bar.active{height:calc(100dvh - var(--search-bar-top-offset, 50px))}}.search-bar__shortcuts{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;gap:10px;max-width:1100px;margin:0 auto;padding:0 20px 20px;overflow-x:auto;list-style:none;box-sizing:border-box}.search-bar__shortcuts>li{flex:none}@media(max-width:768px){.search-bar__shortcuts{justify-content:flex-start;gap:8px}}.search-bar__shortcut{min-height:44px;padding:8px 16px;border:1px solid #e7e5e4;border-radius:6px;font-size:13px;font-weight:700;color:#0c0a09;white-space:nowrap;background-color:#f5f5f4;cursor:pointer;transition:background-color .15s ease,color .15s ease}.search-bar__shortcut:hover{background-color:#e7e5e4}.search-bar__shortcut:focus-visible{outline:2px solid #0c0a09;outline-offset:2px}.search-bar__shortcut.active{border-color:#0c0a09;color:#fff;background-color:#0c0a09}@media(max-width:768px){.search-bar__shortcut{padding-inline:12px}}.search-bar__container{position:relative;width:100%;min-width:0;max-width:100%;overflow-x:clip;background-color:#fff;z-index:100}@media(max-width:768px){.search-bar__container{display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:hidden}}.search-bar__search-panel-container{width:100%;padding:0 20px 20px;box-sizing:border-box}.search-bar__search-panel{display:flex;align-items:center;background-color:#fff;gap:1.25rem;width:100%;max-width:1100px;margin:0 auto;min-height:0;height:fit-content}@media(max-width:768px){.search-bar__search-panel{gap:8px}}.search-bar__search-panel form{display:flex;align-items:center;border:1px solid #0c0a09;border-radius:8px;width:100%}.search-bar__search-panel input{border:none!important;font-family:var(--font-modernist);font-style:normal;font-weight:400;font-size:16px;line-height:48px;color:#0c0a09;width:100%;margin:0!important}.search-bar__search-panel .icon-button{display:flex;justify-content:center;padding-left:18px}.search-bar__search-panel input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.search-bar .search-bar__search-panel input[type=search]{font-family:var(--font-modernist)}.searchbar__clear-button{background-color:#fff;border:var(--light-gray-border);border-radius:5px;padding:4px 8px;font-size:12px;margin-right:12px;flex-shrink:0}.searchbar__clear-button:focus-visible{outline:2px solid #0c0a09;outline-offset:2px}.search-bar__close-button{flex:0 0 44px}.search-bar__close-button:focus-visible{outline:2px solid #0c0a09!important;outline-offset:2px}@media(max-width:768px){.search-bar__close-button{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px}}.search-bar .predictive-search__mobile-close-button{display:block;min-height:44px}@media(min-width:769px){.search-bar[data-search-bar-test="3_columns"] .predictive-search-results{width:50%;max-width:500px;margin:0 auto}.search-bar[data-search-bar-test="3_columns"] .predictive-search__list{grid-template-columns:repeat(3,1fr)}.search-bar[data-search-bar-test="3_columns"] .predictive-search__item{display:none}.search-bar[data-search-bar-test="3_columns"] .predictive-search__item:nth-child(-n+3){display:block}}
/*# sourceMappingURL=/cdn/shop/t/645/assets/search-bar.css.map */