.sd-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:var(--color-background);font-family:var(--font-body--family, inherit);color:var(--color-foreground);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.sd-drawer.is-open{opacity:1;visibility:visible}@media(min-width:750px){.sd-drawer{top:var(--sd-bar-top, 80px);bottom:auto;left:var(--sd-bar-left, 200px);right:auto;width:var(--sd-bar-width, 600px);max-height:calc(100vh - var(--sd-bar-top, 80px) - 20px);border-radius:12px;box-shadow:0 8px 32px rgb(var(--color-shadow-rgb, var(--color-foreground-rgb)) / .15);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10, .1));overflow:hidden}}.sd-drawer__overlay{display:none}@media(min-width:750px){.sd-drawer__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground-rgb) / .4);z-index:9998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.sd-drawer__overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}}.sd-input-wrapper{display:flex;align-items:center;gap:8px;padding:6px 16px;position:relative;flex-shrink:0;border-bottom:none}.sd-input-limiter{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 12px;height:48px;border:1px solid #E2E8F0;border-radius:12px;background:var(--color-background);transition:border-color .15s,border-width .15s;box-sizing:border-box;position:relative}.sd-drawer.has-query .sd-input-limiter,.sd-input-limiter:focus-within{border:1.5px solid #343330;border-radius:8px;padding:5.5px 11.5px}.sd-input-icon--search{display:none}.sd-back-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;padding:0;cursor:pointer;color:#343330;flex-shrink:0}.sd-back-btn svg path{stroke-width:1.5}.sd-drawer.has-query .sd-back-btn svg path,.sd-input-limiter:focus-within .sd-back-btn svg path{stroke-width:1.75}.sd-input{width:100%;height:100%;padding:0;border:none;border-radius:0;font-size:1rem;font-family:inherit;line-height:24px;color:#0f172a;background:transparent;outline:none;-webkit-appearance:none}.sd-input:focus{border:none;background:transparent}.sd-input::placeholder{color:#64748b}.sd-input::-webkit-search-cancel-button{-webkit-appearance:none}.sd-clear-btn{display:none;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;flex-shrink:0;position:static;transform:none}.sd-clear-btn:hover{color:#64748b}.sd-drawer.has-query .sd-clear-btn{display:flex}.sd-drawer.is-loading .sd-clear-btn{display:none!important}.sd-loader{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sd-loader[hidden]{display:none}.sd-spinner{width:18px;height:18px;border:2px solid rgb(var(--color-foreground-rgb) / var(--opacity-10, .1));border-top-color:var(--color-foreground);border-radius:50%;animation:sd-spin .6s linear infinite}@keyframes sd-spin{to{transform:rotate(360deg)}}.sd-content-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sd-content{padding:20px 24px}@media(min-width:750px){.sd-content{padding:16px}}.sd-section-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.sd-section-title{font-family:var(--font-heading--family, var(--font-body--family, inherit));font-size:1rem;font-weight:500;line-height:24px;text-transform:none;color:#0f172a;margin:0;flex:1}.sd-section-action{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;font-size:.875rem;font-weight:500;line-height:20px;color:#0f172a;text-decoration:none;transition:opacity .15s;flex-shrink:0}.sd-section-action:hover{opacity:.7}.sd-recent-searches{margin-bottom:24px}.sd-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.sd-chip-item{display:inline-flex;align-items:center;border:1px solid #E2E8F0;border-radius:24px;transition:background .15s,border-color .15s}.sd-chip-item:hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05));border-color:#94a3b8}.sd-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 0 8px 8px;font-size:.75rem;line-height:1.33;color:var(--color-foreground);text-decoration:none}.sd-chip__icon{flex-shrink:0;color:#94a3b8}.sd-chip-text{white-space:nowrap}.sd-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:50%;cursor:pointer;color:#94a3b8;padding:0;transition:color .15s}.sd-chip-remove:hover{color:var(--color-foreground)}.sd-trending-searches{margin-bottom:24px}.sd-trending-searches .sd-section-header{margin-bottom:12px}.sd-trending-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.sd-trending-pill{display:inline-flex;align-items:center;gap:4px;padding:8px;border:1px solid #E2E8F0;border-radius:24px;font-size:.75rem;line-height:16px;color:#0f172a;text-decoration:none;transition:background .15s,border-color .15s}.sd-trending-pill:hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05));border-color:#94a3b8}.sd-trending-icon{flex-shrink:0;color:#94a3b8}.sd-products-section{margin-bottom:24px}.sd-products-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none}.sd-products-scroll::-webkit-scrollbar{display:none}.sd-products-scroll-item{flex-shrink:0;width:190px;scroll-snap-align:start}.sd-scroll-indicator{padding:10px 0 0}.sd-scroll-indicator__track{display:flex;align-items:flex-end;width:100%;height:2px;background:#e2e8f0;border-radius:0;position:relative}.sd-scroll-indicator__thumb{height:2px;background:#f97316;border-radius:4px 4px 0 0;width:30%;transition:width .15s ease,transform .15s ease}.sd-drawer>predictive-search,.sd-drawer>predictive-search>search-form,.sd-drawer>predictive-search>search-form>.sd-form{display:flex;flex-direction:column;flex:1;min-height:0}predictive-search-results{display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}predictive-search-results[hidden]{display:none}.sd-predictive{padding:12px 0 16px}.sd-predictive__heading{font-family:var(--font-heading--family, var(--font-body--family, inherit));font-size:1rem;font-weight:500;line-height:24px;text-transform:none;letter-spacing:0;color:#0f172a;margin:0;padding:0;flex:1}.sd-suggestions-list{list-style:none;padding:0;margin:0}.sd-predictive__suggestions{padding:0 16px}.sd-suggestion-item{margin-bottom:0;border-bottom:1px solid #E2E8F0}.sd-suggestion-item[aria-selected=true] .sd-suggestion-link{background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.sd-suggestion-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-radius:0;text-decoration:none;color:#0f172a;transition:background .15s}.sd-suggestion-link:hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.sd-suggestion-icon{flex-shrink:0;color:#64748b}.sd-suggestion-text{flex:1;font-size:.875rem;font-weight:500;line-height:20px;min-width:0;color:#0f172a}.sd-suggestion-text mark{background:none;color:inherit;font-weight:700}.sd-suggestion-arrow{flex-shrink:0;color:#64748b}.sd-predictive__panels{display:flex;flex-direction:column;gap:20px}@media(min-width:750px){.sd-predictive__panels{flex-direction:row;gap:24px;align-items:flex-start}.sd-predictive__suggestions{flex-shrink:0;width:280px}.sd-predictive__products{flex:1;min-width:0}}.sd-predictive__products{padding:0 16px}.sd-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sd-product-grid>*{display:block;min-width:0;overflow:hidden}@media(min-width:750px){.sd-product-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none}.sd-product-grid::-webkit-scrollbar{display:none}.sd-product-grid__item{flex-shrink:0;width:190px;scroll-snap-align:start}}.sd-scroll-indicator--desktop{display:none}@media(min-width:750px){.sd-scroll-indicator--desktop{display:block}}.sd-search-all{display:none;padding:12px 0 0;margin-top:auto;position:sticky;bottom:0;background:var(--color-background)}.sd-search-all__btn{display:block;width:100%;padding:14px;font-size:.9375rem;font-weight:600;text-align:center;background:var(--color-foreground);color:var(--color-background);border:none;border-radius:var(--style-border-radius-inputs, 6px);cursor:pointer;transition:opacity .15s}.sd-search-all__btn:hover{opacity:.85}.sd-no-results{padding:0 16px 16px}.sd-no-results__hero{display:flex;flex-direction:column;align-items:center;gap:28px;padding:8px 0 28px}.sd-no-results__illustration{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}.sd-no-results__text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.sd-no-results__title{font-family:var(--font-heading--family, var(--font-body--family, inherit));font-size:1.25rem;font-weight:600;line-height:1.4;color:#0f172a;margin:0;font-feature-settings:"pnum" on,"lnum" on}.sd-no-results__subtitle{font-size:.875rem;font-weight:400;line-height:1.43;color:#475569;margin:0;font-feature-settings:"pnum" on,"lnum" on}.sd-no-results__btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:299px;height:40px;padding:10px 16px;background:#f26216;color:#fff;border:none;border-radius:100px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.43;text-align:center;cursor:pointer;transition:opacity .15s;font-feature-settings:"pnum" on,"lnum" on}.sd-no-results__btn:hover{opacity:.9}.sd-no-results__bestsellers{margin-top:8px}.sd-predictive__empty{text-align:center;padding:24px 0;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .55));font-size:.9375rem}@media(min-width:750px){.sd-content{display:flex;flex-direction:row;gap:24px;align-items:flex-start}.sd-sidebar{display:flex;flex-direction:column;gap:20px;flex-shrink:0;max-width:30%}.sd-sidebar .sd-recent-searches,.sd-sidebar .sd-trending-searches{margin-bottom:0}.sd-products-section{flex:1;min-width:0;margin-bottom:0}}@media(max-width:749px){.sd-content{padding:16px}.sd-predictive{padding:16px 0}.sd-products-scroll-item{width:165px}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/search-drawer.css.map */