.search-modal-container{background-color:var(--store-color-base-100);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:var(--store-color-base-content);display:flex;flex-direction:column;height:calc(100% - 40px);opacity:0;overflow-y:hidden;padding:1rem;position:fixed;right:20px;top:20px;transform:scale(.95) translateX(100%);transform-origin:top right;transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:520px;z-index:40}.search-modal-traslate{opacity:0;transform:scale(.95) translateX(110%)}.search-modal-traslate-none{opacity:1;transform:scale(1) translateX(0)}.search-modal-backdrop{background-color:#0006;inset:0;position:fixed;z-index:30}.search-modal-backdrop__hidden{display:none}.input-wrapper{align-items:center;display:flex;flex-shrink:0;margin-bottom:10px;position:relative}.input-wrapper .input{background-color:transparent;border:none;border-radius:8px;color:#1f2937;font-size:1rem;line-height:1.5rem;min-width:0;outline:1px solid var(--store-color-base-200);padding:10px 12px;width:100%}.input-wrapper .input:focus-within{outline:2px solid var(--store-color-secondary);outline-offset:-2px}.input-wrapper .input::-moz-placeholder{color:#9ca3af}.input-wrapper .input::placeholder{color:#9ca3af}.input-wrapper .input:invalid~.invalid-feedback{visibility:visible}.input-wrapper .input-icon{align-items:center;color:#9ca3af;display:flex;height:100%;justify-content:center;position:absolute;right:1rem}.input-wrapper .input-icon .icon{height:1.5rem;width:1.5rem}.input-wrapper:focus-within .input-icon{color:var(--store-color-secondary)}.search-modal-header{align-items:center;color:var(--store-color-secondary);display:flex;flex-shrink:0;justify-content:space-between;padding:0 10px;position:relative;z-index:2}.search-modal-header__title{font-size:1.2rem;font-weight:700;margin:0}.search-modal-header__button-close{align-items:center;background:transparent;border-radius:8px;color:color-mix(in lab,var(--store-color-base-content),var(--store-color-base-200) 35%);display:inline-flex;font-size:small;inset-inline-end:0;justify-content:center;padding:6px;top:0}.search-modal-header__button-close:hover{background-color:oklch(from var(--store-color-base-content) l c h/.07);color:var(--store-color-primary)}.search-modal-header__button-close svg{height:20px;width:20px}.search-modal-body{display:flex;flex-direction:column;flex-grow:1;margin-top:10px;overflow:hidden}.search-modal__results{display:grid;grid-template-columns:repeat(2,1fr);overflow-y:auto}.search-modal__results h3{font-size:1.2rem;font-weight:600;grid-column:span 2;margin:10px 0;text-align:left}.search-modal__results .search-no-results{grid-column:span 2}.search-modal__results .card-search-result{height:-moz-fit-content;height:fit-content;padding:10px 12px;position:relative;width:100%}.search-modal__results .card-search-result:hover{background-color:var(--store-color-base-200);border-radius:6px}.search-modal__results .card-search-result__image{border-radius:8px;display:block;height:150px;-o-object-fit:cover;object-fit:cover;width:100%}.search-modal__results .card-search-result__information{padding:5px}.search-modal__results .card-search-result__information--name{font-size:1rem;font-weight:600}.search-modal__results .card-search-result__information--price{color:oklch(from var(--store-color-base-content) l c h/.9)}.search-modal__results .card-search-result__information--price .original-price{color:oklch(from var(--store-color-base-content) l c h/.7);font-weight:300;margin-right:.5rem;text-decoration:line-through}.search-modal__results .card-search-result__information--price .sale-price{color:oklch(from var(--store-color-base-content) l c h/.9)}.search-modal__results .card-search-result__discount-badge{background-color:oklch(from var(--store-color-base-100) l c h/.7);border-radius:5px;color:var(--store-color-base-content);font-size:14px;font-weight:700;left:20px;padding:5px 10px;position:absolute;top:20px;z-index:3}@media screen and (max-width:720px){.search-modal-container{border-radius:0;height:100%;right:0;top:0;transform-origin:center;width:100%}}
/*# sourceMappingURL=search-modal.css.map */