auto-complete{position:relative;display:block;width:100%}.autocomplete-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;max-height:400px;overflow-y:auto;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0;padding:0}.autocomplete-panel[hidden]{display:none}.autocomplete-option{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover{background-color:#8626330d}.autocomplete-option--active{background-color:#8626331a}.autocomplete-option strong{display:block;font-weight:600;color:#862633;margin-bottom:4px}.autocomplete-option p{margin:0;font-size:.875rem;color:#666;line-height:1.4}.autocomplete-empty{padding:24px 16px;text-align:center;color:#999;font-size:.875rem}.autocomplete-panel::-webkit-scrollbar{width:8px}.autocomplete-panel::-webkit-scrollbar-track{background:transparent}.autocomplete-panel::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.autocomplete-panel::-webkit-scrollbar-thumb:hover{background:#0000004d}auto-complete input:focus{outline:2px solid rgba(134,38,51,.3);outline-offset:2px}.autocomplete-panel--loading{pointer-events:none;opacity:.6}.autocomplete-panel--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid rgba(134,38,51,.2);border-top-color:#862633;border-radius:50%;animation:autocomplete-spin .6s linear infinite}@keyframes autocomplete-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width: 768px){.autocomplete-panel{max-height:300px}.autocomplete-option{padding:10px 12px}.autocomplete-option strong{font-size:.9375rem}.autocomplete-option p{font-size:.8125rem}}@media (prefers-contrast: more){.autocomplete-panel{border:2px solid #333333}.autocomplete-option{border-bottom:1px solid #333333}.autocomplete-option:hover,.autocomplete-option--active{background-color:#333;color:#fff}.autocomplete-option:hover strong,.autocomplete-option--active strong{color:#fff}}@media (prefers-reduced-motion: reduce){.autocomplete-option,.autocomplete-panel--loading:after{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/autocomplete.css.map */