.octf-search{position:relative;display:inline-flex}.octf-search .toggle-search{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.octf-search .h-search-form-field{position:absolute;z-index:10020;top:calc(100% + 12px);right:0;width:min(340px, calc(100vw - 32px));padding:12px;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.18);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.octf-search .h-search-form-field.show{display:block !important;opacity:1;pointer-events:auto;transform:translateY(0)}.octf-search .h-search-form-inner form{display:flex;gap:8px;margin:0}.octf-search .h-search-form-inner .search-field{min-width:0;flex:1;height:44px;padding:0 12px;border:1px solid #d7e1eb;border-radius:5px;color:#14263a}.octf-search .h-search-form-inner .search-submit{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:0;border-radius:5px;background:#d94340;color:#fff;cursor:pointer}.octf-search .h-search-form-inner .search-submit:hover{background:#b93431}@media (max-width:767px){.octf-search .h-search-form-field{right:-8px}}