.ocm-search-form{--form-animate-width: 140px}.ocm-search-form__wrapper{position:absolute;z-index:1;top:0;left:0;width:var(--form-animate-width);transition:all var(--ocm-transition);border-radius:20px;padding-right:12px;border:1px var(--ocm-cyan-color) solid}.ocm-search-form__wrapper._animate{padding-left:30px;animation:searchAnimate 1s ease forwards}.ocm-search-form__wrapper._animate .ocm-search-form__btn{right:calc(100% - 30px)}.ocm-search-form__wrapper._animate~.ocm-search-form__close{opacity:1;pointer-events:visible}.ocm-search-form__field{--search-field-width: 100%;--search-field-height: 40px;--search-field-pr: 1.3em;--search-field-pl: 1em;--search-field-border: 0;--search-field-bg: none;--search-field-fz: 1em;--search-field-color: var(--ocm-white-color);flex:1 1 0;width:var(--search-field-width);height:var(--search-field-height);padding-right:var(--search-field-pr);padding-left:var(--search-field-pl);transition:all var(--ocm-transition);border:var(--search-field-border);background:var(--search-field-bg);color:var(--search-field-color);font-size:var(--search-field-fz);-webkit-appearance:none;appearance:none}.ocm-search-form__field::-webkit-search-cancel-button{display:none}.ocm-search-form__field::placeholder{color:var(--search-field-color);opacity:.5;font-size:1em}.ocm-search-form__field::-ms-input-placeholder{color:var(--search-field-color);opacity:.5;font-size:1em}.ocm-search-form__field:focus-visible{outline:0;box-shadow:none}.ocm-search-form__btn{position:absolute;top:12px;right:10px;width:15px;height:16px;border:0;cursor:pointer;transition:all var(--ocm-transition);background-color:transparent;background-image:url(./search.svg)}.ocm-search-form__btn._reset{position:absolute;top:0;right:0;width:1px;height:1px;opacity:0;pointer-events:none;background:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:0;-webkit-text-fill-color:var(--ocm-white-color);-webkit-box-shadow:none;transition:background-color 5000s ease-in-out 0s}.ocm-search-form__close{position:absolute;z-index:2;top:2px;right:10px;padding:6px;transition:all var(--ocm-transition);border:0;opacity:0;pointer-events:none;cursor:pointer;background:transparent;line-height:1}.ocm-search-form__close svg{display:inline-block;width:1em;height:1em;stroke:var(--ocm-white-color);font-size:28px}.ocm-search-form__overlay{display:block!important;position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;pointer-events:none;transition:all var(--ocm-transition);background:#0009}.ocm-search-form__overlay._active{opacity:1;pointer-events:visible}@keyframes searchAnimate{0%{width:var(--form-animate-width)}to{width:100%}}@keyframes searchAnimateClose{0%{width:100%}to{width:var(--form-animate-width)}}@media only screen and (min-width: 1024px){.ocm-search-form__wrapper{--form-animate-width: 330px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ocm-search-form.css.map */