@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:wght@400;500;600;700&display=swap";.search-drawer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.search-drawer.is-open{opacity:1;visibility:visible}.search-drawer__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.search-drawer__content{position:absolute;top:0;right:0;width:100%;max-width:500px;height:100%;background:#fff;z-index:2;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 0 20px #0000001a}.search-drawer.is-open .search-drawer__content{transform:translate(0)}@media screen and (max-width:768px){.search-drawer__content{max-width:100%}}.search-drawer__header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #F0F0F0}.search-drawer__input-wrapper{flex:1;display:flex;align-items:center;gap:10px;background:#f5f5f5;border-radius:9999px;padding:10px 16px}.search-drawer__icon{flex-shrink:0;width:16px;height:16px}.search-drawer__input{flex:1;border:none;background:transparent;font-family:"DM Sans",var(--font-family-brand-primary),sans-serif;font-size:14px;color:#1c1c1c;outline:none;width:100%}.search-drawer__input::placeholder{color:#a6a09b}.search-drawer__input::-webkit-search-cancel-button{display:none}.search-drawer__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;cursor:pointer;color:#a6a09b;transition:color .2s ease}.search-drawer__clear:hover{color:#1c1c1c}.search-drawer__clear.hidden{display:none}.search-drawer__close{flex-shrink:0;padding:8px 16px;background:transparent;border:none;cursor:pointer;font-family:"DM Sans",var(--font-family-brand-primary),sans-serif;font-size:14px;font-weight:400;color:#1c1c1c;transition:opacity .2s ease}.search-drawer__close:hover{opacity:.7}.search-drawer__body{flex:1;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}.search-drawer__results-view{display:block}.search-drawer__results-view.hidden{display:none}.search-drawer__results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media screen and (max-width:400px){.search-drawer__results-grid{grid-template-columns:1fr}}.search-drawer__result-item{display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:opacity .2s ease}.search-drawer__result-item:hover{opacity:.8}.search-drawer__result-image{aspect-ratio:1;background:#f5f5f5;border-radius:8px;overflow:hidden}.search-drawer__result-image img{width:100%;height:100%;object-fit:cover}.search-drawer__result-title{color:#1c1c1c;font-family:"DM Sans",var(--font-family-brand-primary),sans-serif;font-size:12px;font-weight:400;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-drawer__result-price{color:#1c1c1c;font-family:"Inter",var(--font-family-brand-secondary),sans-serif;font-size:12px;font-weight:500;line-height:normal}.search-drawer__loading{display:flex;justify-content:center;align-items:center;padding:40px 0}.search-drawer__loading.hidden{display:none}.loading-spinner{width:24px;height:24px;border:2px solid #E5E5E5;border-top-color:var(--iurop-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-drawer__no-results{display:flex;justify-content:center;align-items:center;padding:40px 0;text-align:center}.search-drawer__no-results.hidden{display:none}.search-drawer__no-results p{margin:0;color:#737373;font-family:"DM Sans",var(--font-family-brand-primary),sans-serif;font-size:14px;font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-search-drawer.css.map */