@charset "utf-8";

.ods-m-search-google { display: flex; align-items: center; position: relative; width: 344px; height: 36px; box-sizing: border-box; border-radius: 100px; border: 1px solid var(--color-neutral-40); }

.ods-m-search-google:hover { outline: 1px solid var(--color-neutral-40); outline-offset: -2px; }

.ods-m-search-google:focus-within { outline: rgb(61, 141, 248) solid 2px; outline-offset: -2px; }

.ods-m-search-google:focus-within .ods-m-search-google__icon-google { display: none; }

.ods-m-search-google__form { display: flex; align-items: center; height: 36px; }

.ods-m-search-google__icon-search, .ods-m-search-google__icon-google { position: absolute; top: 10px; height: 16px; z-index: 1; }

.ods-m-search-google__icon-search { left: 15px; color: var(--color-neutral-70); width: 16px; }

.ods-m-search-google__icon-google { right: 15px; width: 51px; }

.ods-m-search-google__input { height: 30px; width: 158px; margin-left: 40px; border: none; font-family: var(--font-family2); font-size: 14px; font-style: normal; font-weight: 400; line-height: 10px; background: inherit; outline: none; z-index: 2; }

.ods-m-search-google__input::placeholder { color: var(--color-neutral-70); }

.ods-m-search-google__input:-webkit-autofill, .ods-m-search-google__input:-webkit-autofill:hover, .ods-m-search-google__input:-webkit-autofill:focus { box-shadow: 0 0 0 1000px var(--color-header-bg) inset !important; -webkit-text-fill-color: var(--color-neutral-90) !important; }

.ods-body-mobile .ods-m-search-google { width: auto; margin: 15px 10px; }

.ods-body-mobile .ods-m-search-google__input { width: 100%; }